{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/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":"AAEA;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;AAcA;;;;;AAOA;;;;;AAMA;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;AAKA;;;;AAIA;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AAuBA;;;;;;AAOA;;;;;;;;;;;AAYA;;;;AAIA;;;;;;AASA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;;AAOA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;AAkBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;AAkBA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAaA;;;;;;;;;;AA4BA;;;;;;;;;;;;;;AAkBA;;;;;;;;;;;;;;;AAkBA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;AAQA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;AAMA;;;;;;;;;;;;;;AAeA;;;;;;;;;;;AAYA;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;;;;AAkBA;;;;AAKA;EACE;;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;;;;;;;;;EAYA;;;;EAIA;;;;;;EAMA;;;;;;EAMA;;;;EAIA;;;;;AAOF;;;;;AAKA;;;;;;AAOA;;;;;;;;AAQA;;;;;;;AAOA;;;;AAIA;;;;;;;;;AASA;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;AAUA;EACE;;;;EAIA;;;;;AAMF;EACE;;;;;AAKF;EAEE;;;;EAKA;;;;EAIA;;;;;AAKF;EAEE;;;;EAKA;;;;EAIA;;;;;AAMF;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;AAOA;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;AAcA;;;;;;;;;;;AAWA;;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;;AAkBA;;;;;AAKA;;;;;;AAMA;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;AAKA;;;;;;;;AAQA;EACE;;;;;AAMF;;;;;;;;;AASA;;;;;;;;;;;;;AAiBA;;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;AAOA;;;;;AAKA;;;;;AAMA;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;AAOA;;;;AAIA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;AAIA;EACE;;;;;;EAQA;;;;;;;AAQF;;;;;;;;;;;;;AAeA;;;;;;;;AASA;;;;;;;;;;;;;;;;;;AAkBA;EACE;;;;;;EAMA;;;;;AAMF;;;;;;;AAOA;;;;;;AAMA;;;;;;;;AASA;;;;;;;AAOA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;AAmBA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;;;;;;;;AAcA;;;;AAIA;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AASA;;;;;;;;;;AAWA;;;;;;;;;AAWA;;;;AAKA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;;;;;;;;AAYA;;;;;;AAMA;EACE;;;;EAIA;;;;;;;EAOA;;;;;EAKA;;;;EAIA;;;;;;;AAQF;EACE;;;;EAKA;;;;;;;;AASF;EACE;;;;;;EAMA;;;;;;;EAOA;;;;EAIA;;;;;AAMF;;;;;;AAMA;;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;;;;;;;;AAYA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAkBA;EACE;;;;;;;;EAQA;;;;;;;;;;AAUF;EACE;;;;EAIA;;;;;;AAMF;EACE;;;;;AAMF;;;;;AAKA;;;;;;;;;;AAWA;EACE;;;;;;;;;EASA;;;;;;;;;;;;AAaF;EACE;;;;;;AAMF;;;;;;;;;;;;;;;;;;;AAoBA;;;;AAIA;;;;AAIA;EAEE;;;;;AAMF;;;;AAIA;EACE;;;;;;;;;;;;;;;EAmBA;;;;;AAMF;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;AAOA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;;;;;AAYA;;;;AAIA;;;;AAKA;;;;;;;AAOA;;;;;;;;;;;AAaA;;;;;;;AAOA;;;;;;;;;;;AAWA;;;;;;AAOA;;;;;AAKA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;;AASA;EACE;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;;AAQF;;;;;;;;AAQA;;;;;AAKA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AAQA;EACE;;;;;AAKF;EACE;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;;AAKF;EACE;;;;;;AAOF;;;;;;AAMA;;;;;;;;AASA;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;;AAOA;EACE;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;;AAMF;;;;;AAKA;;;;;;;;;;AAUA;;;;;;;;;;AAWA;;;;;AAQA;;;;;AAQA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;AAYA;;;;;;;;AAQA;;;;AAMA;;;;;;;;;AASA;;;;;;;AAQA;;;;;;;;AAQA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;;;;;;;AAgBA;;;;AAKA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;;;;;AAgBA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;;;AASA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;AAQA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;;;;AAWA;;;;;;;AAaA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AAQA;;;;AAIA;;;;;;;;;AASA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;;;;;;AAiBA;;;;AAKA;;;;AAMA;;;;;AAKA;;;;AAIA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAgBA;;;;AAIA;EACE;;;;;EAKA;;;;EAQA;;;;;;AAOF;;;;;;AAMA;;;;;AAKA;;;;;;;;AAQA;;;;;AAKA;;;;;;;AAOA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;AASA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;;;;;AAaA;;;;;AAKA;EACE;;;;;;;EAQA;;;;;;EAOA;;;;;;;;AAQF;EACE;;;;;;;EAOA;;;;;;;EAOA;;;;;;EAMA;;;;;;AAUF;EACE;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EASA;;;;;EAKA;;;;;AAOF;EACE;;;;EAIA;;;;EAIA;;;;;;;EAOA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;EAQA;;;;;EAKA;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;;;;;EAQA;;;;;;;;;;;;;EAaA;;;;EAKA;;;;;;;EAOA;;;;;EAKA;;;;;;;EAOA;;;;;EAKA;;;;;;EAMA;;;;;;;EAOA;;;;;;EAMA;;;;;;AAMF;EACE;;;;;;;;;EASA;;;;;;EAUA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAgBA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;;;;EAQA;;;;EAIA;;;;EAIA;;;;;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;;;;EAUA;;;;;;;;;EASA;;;;;;;EAQA;IACE;;;;;IAKA;;;;;;EAOF;IACE;;;;;;IAMA;;;;;;;;EAQF;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;;;EAOA;;;;;;EAMA;;;;;;;;AASF;EACE;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;;;;;;;EAWA;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;EAOA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAMF;EACE;;;;;;;EAOA;;;;;;EAMA;;;;EAQA;;;;;;;;;;AAUF;EACE;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;AAMF;;;;;;;;;;;;;;;AAeA;;;;;;AAMA;;;;;;;;;;;AAWA;;;;;;AAMA;;;;;;;;;;;;;;;AAeA;;;;AAIA;EACE;;;;;;AAMF;;;;;;;;;AAUA;;;;;;;;AAWA;EAGE;;;;EAIA;;;;EAIA;;;;EAkBA;;;;;;;;EAQA;;;;;;;EAkBA;;;;;EAMA"}},
    {"offset": {"line": 3489, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/Navbar.css"],"sourcesContent":["/* Navbar Styles */\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    margin-right: 30px;\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-body);\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.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    backdrop-filter: blur(10px);\r\n    min-width: 230px;\r\n    border-radius: 6px;\r\n    border-top: 3px solid var(--color-primary);\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);\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    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}\r\n\r\n.dropdown-icon.rotated {\r\n    transform: rotate(180deg);\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    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    color: var(--color-primary);\r\n    padding-left: 28px;\r\n}\r\n\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-body);\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@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: none;\r\n    }\r\n\r\n    .dropdown-menu.mobile-show {\r\n        display: block !important;\r\n    }\r\n\r\n    .nav-item.active .dropdown-icon {\r\n        transform: rotate(180deg);\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    .btn-contact {\r\n        display: none !important;\r\n    }\r\n}\r\n\r\n.mobile-contact-link {\r\n    display: none !important;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .mobile-contact-link {\r\n        display: flex !important;\r\n        background-color: var(--color-primary);\r\n        color: white !important;\r\n        margin: 20px 30px !important;\r\n        justify-content: center !important;\r\n        border-radius: 50px;\r\n        padding: 12px 20px !important;\r\n        font-weight: 700;\r\n        text-align: center;\r\n        text-decoration: none;\r\n        font-size: 16px;\r\n        transition: transform 0.2s;\r\n    }\r\n\r\n    .mobile-contact-link:active {\r\n        transform: scale(0.95);\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .navbar {\r\n        padding: 10px 15px;\r\n    }\r\n\r\n    .btn-contact {\r\n        padding: 6px 16px;\r\n        font-size: 13px;\r\n    }\r\n\r\n    .logo-text {\r\n        font-size: 18px;\r\n    }\r\n}\r\n\r\n/* Submenu Styles */\r\n.dropdown-submenu-parent {\r\n    position: relative;\r\n    width: 100%;\r\n}\r\n\r\n.dropdown-menu a.dropdown-link.has-submenu {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    width: 100%;\r\n    padding-right: 15px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.submenu-icon {\r\n    display: flex;\r\n    align-items: center;\r\n    transform: rotate(-90deg);\r\n    transition: transform 0.3s;\r\n    margin-left: 10px;\r\n}\r\n\r\n.submenu-dropdown {\r\n    position: absolute;\r\n    top: -8px; /* Align with parent dropdown padding */\r\n    left: calc(100% + 5px); /* Move further right to avoid overlap */\r\n    background-color: rgba(15, 15, 15, 0.98);\r\n    backdrop-filter: blur(15px);\r\n    min-width: 240px;\r\n    border-radius: 0 6px 6px 0;\r\n    border-left: 3px solid var(--color-primary);\r\n    box-shadow: 15px 0 35px rgba(0, 0, 0, 0.6);\r\n    padding: 8px 0;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    transform: translateX(15px);\r\n    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    z-index: 110;\r\n}\r\n\r\n.dropdown-submenu-parent:hover .submenu-dropdown {\r\n    opacity: 1;\r\n    visibility: visible;\r\n    transform: translateX(0);\r\n}\r\n\r\n.dropdown-submenu-parent:hover .submenu-icon {\r\n    transform: rotate(0deg);\r\n    color: var(--color-primary);\r\n}\r\n\r\n.submenu-link {\r\n    color: #bbbbbb;\r\n    padding: 14px 22px;\r\n    display: block;\r\n    font-size: 13.5px;\r\n    font-weight: 500;\r\n    text-decoration: none;\r\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\r\n    transition: all 0.2s ease;\r\n}\r\n\r\n.submenu-link:last-child {\r\n    border-bottom: none;\r\n}\r\n\r\n.submenu-link:hover {\r\n    background-color: rgba(84, 178, 72, 0.12);\r\n    color: var(--color-primary);\r\n    padding-left: 28px;\r\n}\r\n\r\n/* Mobile Submenu Refinement */\r\n@media (max-width: 1024px) {\r\n    .dropdown-link.has-submenu .submenu-icon {\r\n        transform: rotate(0deg);\r\n    }\r\n    \r\n    .submenu-dropdown {\r\n        position: static;\r\n        opacity: 1;\r\n        visibility: visible;\r\n        transform: none;\r\n        background-color: rgba(0, 0, 0, 0.2);\r\n        box-shadow: none;\r\n        border-left: 2px solid rgba(84, 178, 72, 0.3);\r\n        border-radius: 0;\r\n        margin: 5px 0 5px 20px;\r\n        padding: 0;\r\n        display: block; /* Show automatically in mobile dropdown */\r\n    }\r\n\r\n    .submenu-link {\r\n        padding: 12px 30px;\r\n        font-size: 13px;\r\n    }\r\n}\r\n"],"names":[],"mappings":"AACA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;AAMA;;;;AAIA;;;;;;;;;;;AAWA;;;;AAIA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;;AAMA;EACI;;;;;;;;;;;;;;EAcA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;;;;;;;;;EAYA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;;;EAMA;;;;EAIA;;;;;AAKJ;;;;AAIA;EACI;;;;;;;;;;;;;;;EAeA;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;;AAMJ;;;;;AAKA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;AAkBA;;;;;;AAMA;;;;;AAKA;;;;;;;;;;;AAWA;;;;AAIA;;;;;;AAOA;EACI;;;;EAIA;;;;;;;;;;;;;;EAcA"}},
    {"offset": {"line": 3872, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/HeroSection.css"],"sourcesContent":["/* Hero Section */\n.hero {\n    position: relative;\n    height: 65vh;\n    min-height: 580px;\n    background-color: #222;\n    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('/img/hero/banner.png');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.hero-slider-btn {\n    position: absolute;\n    top: 45%;\n    transform: translateY(-50%);\n    width: 44px;\n    height: 44px;\n    border-radius: 50%;\n    border: 1.5px solid rgba(255, 255, 255, 0.8);\n    background: transparent;\n    color: var(--color-white);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: all 0.3s;\n    z-index: 10;\n}\n\n.hero-slider-btn:hover {\n    background: rgba(255, 255, 255, 0.1);\n    border-color: var(--color-white);\n}\n\n.hero-slider-btn.left {\n    left: 40px;\n}\n\n.hero-slider-btn.right {\n    right: 40px;\n}\n\n.hero-content {\n    text-align: center;\n    z-index: 5;\n    padding: 0 20px;\n    transform: translateY(-80px);\n}\n\n.hero-subtitle {\n    font-size: 16px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    display: block;\n}\n\n.hero h1 {\n    font-size: var(--font-size-h1);\n    font-weight: 600;\n    margin: 0 0 35px 0;\n    line-height: 1.15;\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);\n}\n\n.hero-description {\n    font-size: 18px;\n    color: rgba(255, 255, 255, 0.9);\n    line-height: 1.6;\n    margin: -15px auto 35px;\n    max-width: 1400px;\n}\n\n.hero-btn {\n    background-color: #eaf6e5;\n    color: #54b248;\n    border: 1.5px solid #54b248;\n    padding: 12px 28px;\n    border-radius: 50px;\n    font-weight: 500;\n    font-size: var(--font-size-body);\n    cursor: pointer;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-family: var(--font-body);\n    transition: all 0.2s;\n    box-shadow: 0 4px 15px rgba(84, 178, 72, 0.15);\n}\n\n.hero-btn:hover {\n    background-color: #54b248;\n    color: #ffffff;\n}\n\n.cursor-blink {\n    animation: blink 1s step-end infinite;\n    display: inline-block;\n    margin-left: 2px;\n    font-weight: 400;\n    color: inherit;\n}\n\n@keyframes blink {\n\n    from,\n    to {\n        opacity: 1;\n    }\n\n    50% {\n        opacity: 0;\n    }\n}\n\n@media (max-width: 1024px) {\n    .hero {\n        height: auto;\n        min-height: 450px;\n        padding: 60px 0;\n    }\n\n    .hero-content {\n        transform: translateY(-40px);\n    }\n\n    .hero h1 {\n        font-size: 32px;\n    }\n\n    .hero-slider-btn {\n        display: none;\n        /* Hide sliders on tablets for clean look */\n    }\n}\n\n@media (max-width: 480px) {\n    .hero h1 {\n        font-size: 26px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;;;AAkBA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;AAiBA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAYA;EACI;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;AAMJ;EACI"}},
    {"offset": {"line": 4016, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/AboutSection.css"],"sourcesContent":["/* 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    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    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    height: 635px;\r\n    /* Fixed height to match text content balance */\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}\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    background-color: #1a1a1a;\r\n}\r\n\r\n.comparison-image-base,\r\n.comparison-image-overlay {\r\n    pointer-events: none;\r\n    height: 100%;\r\n    width: 100%;\r\n    object-fit: cover;\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    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/* Responsive */\r\n@media (max-width: 1024px) {\r\n    .about-section {\r\n        flex-direction: column;\r\n        gap: 40px;\r\n        padding: 40px 20px;\r\n        text-align: center;\r\n    }\r\n\r\n    .about-text {\r\n        padding-right: 0;\r\n        text-align: center;\r\n    }\r\n\r\n    .about-image-wrapper {\r\n        margin: 20px auto 0 auto;\r\n        width: 100%;\r\n        max-width: 100%;\r\n        height: 350px;\r\n        /* Maintain visibility on mobile */\r\n    }\r\n\r\n\r\n    .about-title {\r\n        font-size: 32px;\r\n    }\r\n}\r\n"],"names":[],"mappings":"AACA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;;;;;;;;;;AAkBA;EACI;;;;;;;EAOA;;;;;EAKA;;;;;;;EASA"}},
    {"offset": {"line": 4135, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ServicesSection.css"],"sourcesContent":["/* Services Section */\r\n.services-section {\r\n  padding: 40px 40px;\r\n  background-color: #0d0d0d;\r\n}\r\n\r\n.services-header {\r\n  text-align: center;\r\n  max-width: 1200px;\r\n  margin: 0 auto 50px auto;\r\n}\r\n\r\n.services-title {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n  color: #ffffff;\r\n  line-height: 42px;\r\n}\r\n\r\n.services-subtitle {\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  color: #ffffff;\r\n  font-weight: 500;\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 100s linear infinite;\r\n}\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/* Service Card Layout from index.css */\r\n.service-card {\r\n  flex: 0 0 auto;\r\n  width: 350px;\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: 12px;\r\n  text-align: center;\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n}\r\n\r\n.service-card-body {\r\n  padding: 10px 20px 10px 20px;\r\n  text-align: center;\r\n  color: black;\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: 16px;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  margin-bottom: 20px;\r\n  color: #1A1A1A;\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-body);\r\n  margin-top: auto !important;\r\n  /* Locks button to bottom for symmetry */\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/* Responsive */\r\n@media (max-width: 768px) {\r\n  .services-title {\r\n    font-size: 30px;\r\n  }\r\n\r\n  .slider-marquee {\r\n    overflow-x: auto;\r\n    padding-bottom: 25px;\r\n  }\r\n\r\n  .slider-track {\r\n    animation: none;\r\n    width: max-content;\r\n    padding-left: 15px;\r\n  }\r\n\r\n  .service-card {\r\n    flex: 0 0 280px;\r\n    width: 280px;\r\n    min-height: 480px;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .service-card-body {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  .service-btn {\r\n    margin-top: auto;\r\n    width: fit-content;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .services-title {\r\n    font-size: 24px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .services-subtitle {\r\n    font-size: 15px;\r\n  }\r\n\r\n  .service-card {\r\n    flex: 0 0 250px;\r\n    width: 250px;\r\n    min-height: 440px;\r\n  }\r\n}\r\n\r"],"names":[],"mappings":"AACA;;;;;AAKA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;AAOA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;;;;;;AAkBA;;;;AAIA;;;;;AAKA;;;;;;;;AASA;EACE;;;;EAIA;;;;;EAKA;;;;;;EAMA;;;;;;;;EAQA;;;;;;EAMA;;;;;;AAMF;EACE;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 4316, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ProjectsSection.css"],"sourcesContent":["/* Projects Section */\r\n.projects-section {\r\n  padding: 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  box-sizing: border-box;\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.desktop-only-btn {\r\n  display: flex !important;\r\n}\r\n\r\n.mobile-only-btn-wrapper {\r\n  display: none !important;\r\n}\r\n\r\n.projects-view-all {\r\n  background-color: var(--color-primary);\r\n  color: #fff;\r\n  border: 1.5px solid var(--color-primary);\r\n  padding: 10px 24px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  cursor: pointer;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-family: var(--font-body);\r\n  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n  box-shadow: 0 4px 15px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.projects-view-all:hover {\r\n  background-color: transparent;\r\n  color: var(--color-primary);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 8px 25px rgba(84, 178, 72, 0.3);\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}\r\n\r\n.projects-grid::-webkit-scrollbar {\r\n  display: none;\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: rgba(255, 255, 255, 0.05);\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255, 255, 255, 0.1);\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: visible;\r\n  margin-bottom: 40px;\r\n  transition: all 0.4s ease;\r\n  cursor: pointer;\r\n}\r\n\r\n.project-card:hover {\r\n  transform: translateY(-10px);\r\n  border-color: rgba(84, 178, 72, 0.5);\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.project-card-img {\r\n  height: 340px;\r\n  width: 100%;\r\n  background-size: 110%;\r\n  background-position: center;\r\n  border-radius: 12px;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n}\r\n\r\n.project-card-footer {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translate(-50%, 50%);\r\n  background-color: rgba(234, 246, 229, 0.95);\r\n  backdrop-filter: blur(8px);\r\n  color: #54b248;\r\n  border: 2px solid #54b248;\r\n  padding: 12px 24px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  border-radius: 10px;\r\n  z-index: 5;\r\n  box-shadow: 0 10px 30px rgba(84, 178, 72, 0.25);\r\n  transition: all 0.3s ease;\r\n  min-width: 260px;\r\n  max-width: 90%;\r\n  line-height: 1.2;\r\n}\r\n\r\n.project-card:hover .project-card-footer {\r\n  background-color: #54b248;\r\n  color: #fff;\r\n  transform: translate(-50%, 40%) scale(1.05);\r\n  box-shadow: 0 15px 35px rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n  .projects-section {\r\n    padding: 60px 20px;\r\n  }\r\n\r\n  .projects-header {\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    align-items: center;\r\n    text-align: center;\r\n    margin-bottom: 40px;\r\n    padding: 0;\r\n  }\r\n\r\n  .projects-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .projects-grid {\r\n    flex-direction: column;\r\n    align-items: center;\r\n    overflow-x: visible;\r\n  }\r\n\r\n  .project-card {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    max-width: 400px;\r\n    margin-bottom: 80px;\r\n  }\r\n\r\n  .project-card-img {\r\n    height: 300px;\r\n  }\r\n\r\n  .desktop-only-btn {\r\n    display: none !important;\r\n  }\r\n\r\n  .mobile-only-btn-wrapper {\r\n    display: flex !important;\r\n    justify-content: center;\r\n    width: 100%;\r\n    margin-top: 10px;\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"AACA;;;;;AAKA;;;;;;;;;;;AAWA;;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;AAeA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;;;;;;AAQA;EACE;;;;EAIA;;;;;;;;;EASA;;;;EAIA;;;;;;EAMA;;;;;;;EAOA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 4497, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/QuoteForm.css"],"sourcesContent":["/* QuoteForm Styles - Final Corrected Version */\n.quote-form-section {\n  position: relative;\n  z-index: 20;\n  width: 100%;\n}\n\n.quote-form-section .container {\n  width: 90%;\n  max-width: 1400px;\n  margin: 0 auto;\n  padding: 0;\n}\n\n.floating-form {\n  background-color: #ffffff;\n  border-radius: 40px;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  padding: 40px 60px !important;\n  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n  border: none;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Perspective Grid */\n.floating-form::before {\n  content: '';\n  position: absolute;\n  top: -180px;\n  left: -20%;\n  width: 140%;\n  height: 600px;\n  background-size: 58.5px 13px;\n  background-image:\n    linear-gradient(to right, rgba(0, 0, 0, 0.04) 1px, transparent 1px),\n    linear-gradient(to bottom, rgba(0, 0, 0, 0.04) 1px, transparent 1px);\n  transform: perspective(800px) rotateX(72deg);\n  transform-origin: center top;\n  z-index: 1;\n  pointer-events: none;\n}\n\n.form-inner-container {\n  position: relative;\n  z-index: 100;\n  width: 100%;\n}\n\n.form-header {\n  margin-bottom: 20px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n}\n\n.form-title {\n  color: #54b248;\n  margin: 0;\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1.2;\n}\n\n.form-subtitle {\n  color: #1a1a1a;\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n}\n\n.form-inputs {\n  display: flex;\n  gap: 20px 15px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.input-group {\n  flex: 1 1 200px;\n  margin: 0;\n}\n\n.input-group:nth-child(5) {\n  flex: 2 1 300px;\n}\n\n.form-input {\n  width: 100%;\n  padding: 14px 20px;\n  border: 1.5px solid #54b248;\n  border-radius: 50px;\n  background: #ffffff;\n  color: #1a1a1a;\n  font-size: 14px;\n  font-weight: 500;\n  text-align: left;\n  outline: none;\n  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);\n  transition: all 0.3s ease;\n  box-sizing: border-box;\n}\n\n.form-input:focus {\n  border-color: #3d8b33;\n  box-shadow: 0px 4px 20px rgba(84, 178, 72, 0.2);\n}\n\n.captcha-and-submit-group {\n  flex: 2 1 320px;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  justify-content: flex-end;\n}\n\n.captcha-label {\n  position: absolute;\n  top: -15px;\n  left: 10px;\n  font-size: 12px;\n  font-weight: 600;\n  color: #333;\n}\n\n.actions-row {\n  display: flex;\n  gap: 12px;\n  width: 100%;\n}\n\n.captcha-input {\n  width: 140px !important;\n  flex: none;\n}\n\n.form-submit {\n  flex: 1;\n  background-color: #54b248;\n  color: #ffffff;\n  border: none;\n  padding: 12px 30px;\n  border-radius: 50px;\n  font-weight: 700;\n  font-size: 16px;\n  cursor: pointer;\n  box-shadow: 0px 4px 15px rgba(84, 178, 72, 0.4);\n  transition: all 0.3s ease;\n}\n\n.form-submit:hover {\n  background-color: #429037;\n  transform: translateY(-2px);\n}\n\n.form-footer-inline {\n  position: absolute;\n  bottom: -25px;\n  left: 10px;\n  font-size: 11px;\n  color: #555;\n  font-weight: 500;\n}\n\n.form-footer-inline a {\n  color: #54b248;\n  font-weight: 700;\n}\n\n.side-curve {\n  position: absolute;\n  top: -10px;\n  bottom: -10px;\n  width: 110px;\n  background-size: 100% 100%;\n  z-index: 5;\n  pointer-events: none;\n}\n\n.left-curve {\n  left: -5px;\n}\n\n.right-curve {\n  right: 0;\n}\n\n.form-pattern-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 300px;\n  height: 100%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: right center;\n  z-index: 6;\n  pointer-events: none;\n}\n\n/* --- Responsiveness --- */\n\n@media (max-width: 1072px) {\n  .floating-form {\n    padding: 40px 90px !important;\n  }\n}\n\n\n\n\n@media (max-width: 1024px) {\n  .quote-form-section .container {\n    width: 95%;\n  }\n\n  .floating-form {\n    padding: 30px 95px !important;\n  }\n\n  .form-inputs {\n    gap: 15px 10px;\n  }\n}\n\n@media (max-width: 768px) {\n  .quote-form-section .container {\n    width: 100%;\n    padding: 0 15px;\n    /* Consistent left-right padding */\n    box-sizing: border-box;\n  }\n\n  .floating-form {\n    padding: 25px 30px !important;\n    /* Balanced internal padding */\n    border-radius: 20px;\n    margin: 0 auto !important;\n    /* Centering the box */\n    margin-top: 0 !important;\n    width: 100%;\n    min-height: auto !important;\n    height: auto !important;\n    display: block !important;\n    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);\n    box-sizing: border-box;\n    overflow: hidden;\n    /* Prevent any child elements from leaking out */\n  }\n\n  .form-inner-container {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .form-header {\n    text-align: center;\n    align-items: center;\n    margin-bottom: 20px;\n    width: 100%;\n  }\n\n  .form-title {\n    font-size: 21px;\n    width: 100%;\n    white-space: normal;\n    text-align: center;\n  }\n\n  .form-inputs {\n    display: block !important;\n    width: 100% !important;\n    margin: 0;\n    padding: 0;\n  }\n\n  .input-group {\n    width: 100% !important;\n    margin-bottom: 12px !important;\n    /* Fixed small gap */\n  }\n\n  .form-input {\n    padding: 14px 18px;\n    font-size: 15px;\n    text-align: left;\n  }\n\n  .captcha-and-submit-group {\n    margin-top: 25px;\n    display: block !important;\n  }\n\n  .captcha-label {\n    position: static;\n    display: block;\n    margin-bottom: 8px;\n    margin-left: 10px;\n    font-size: 13px;\n  }\n\n  .actions-row {\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .captcha-input {\n    width: 100% !important;\n  }\n\n  .form-submit {\n    width: 100%;\n    padding: 15px;\n    font-size: 18px;\n  }\n\n  .form-footer-inline {\n    position: static;\n    margin-top: 20px;\n    text-align: center;\n    display: block;\n  }\n\n  .side-curve,\n  .form-pattern-overlay,\n  .floating-form::before {\n    display: none !important;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;AAiBA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;AAQA;;;;;AAKA;;;;AAIA;;;;;;;;;;;;;;;;AAgBA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;AAMA;;;;;AAKA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;AAeA;EACE;;;;;AAQF;EACE;;;;EAIA;;;;EAIA;;;;;AAKF;EACE;;;;;;EAOA;;;;;;;;;;;;;EAiBA;;;;;EAKA;;;;;;;EAOA;;;;;;;EAOA;;;;;;;EAOA;;;;;EAMA;;;;;;EAMA;;;;;EAKA;;;;;;;;EAQA;;;;;EAKA;;;;EAIA;;;;;;EAMA;;;;;;;EAOA"}},
    {"offset": {"line": 4816, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/IndustriesSection.css"],"sourcesContent":["/* Industries Section - Redesigned with BestArchitecture Style */\r\n.industries-section {\r\n    width: 100%;\r\n    background-color: #000000;\r\n    padding: 40px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n\r\n.industries-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    padding: 0 40px;\r\n}\r\n\r\n.industries-header {\r\n    text-align: center;\r\n    max-width: 1400px;\r\n    margin: 0 auto 50px auto;\r\n}\r\n\r\n.industries-title {\r\n    font-size: 42px;\r\n    /* Reduced to balance with header */\r\n    font-family: var(--font-heading);\r\n    color: #ffffff;\r\n    margin-bottom: 25px;\r\n    font-weight: 700;\r\n    width: 100%;\r\n    max-width: 1080px;\r\n    line-height: 48px;\r\n}\r\n\r\n.industries-title .text-highlight {\r\n    color: #54b248;\r\n}\r\n\r\n.industries-subtitle {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: white;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n}\r\n\r\n/* Stats Row - People/Stat Cards */\r\n.stats-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(5, 1fr);\r\n    /* 5 columns as in image */\r\n    gap: 15px;\r\n    margin-bottom: 50px;\r\n    width: 100%;\r\n}\r\n\r\n.stat-card {\r\n    background-color: #ffffff;\r\n    border: 2.5px dashed #54b248;\r\n    /* Dashed green border as per image */\r\n    border-radius: 15px;\r\n    padding: 25px 10px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n    /* Heavy shadow from screenshot */\r\n}\r\n\r\n.stat-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 8px 30px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.stat-custom-img {\r\n    width: 65px;\r\n    height: 64px;\r\n    margin-bottom: 15px;\r\n    object-fit: contain;\r\n}\r\n\r\n.stat-number {\r\n    font-size: 26px;\r\n    font-family: var(--font-body);\r\n    /* Lora */\r\n    color: #1a1a1a;\r\n    /* Switched to Black as requested */\r\n    margin-top: 0;\r\n    margin-bottom: 0px;\r\n    font-weight: 700;\r\n}\r\n\r\n.stat-text {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    /* Lora */\r\n    color: #000000;\r\n    margin: 0;\r\n    font-weight: 600;\r\n}\r\n\r\n/* Redesigned Cards to match BestArchitecture */\r\n.values-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    width: 100%;\r\n}\r\n\r\n.value-card {\r\n    background-color: #ffffff;\r\n    border: none;\r\n    border-radius: 12px;\r\n    padding: 30px 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    min-height: 270px;\r\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n/* Right Line Effect */\r\n.value-card::before {\r\n    content: '';\r\n    position: absolute;\r\n    right: 0;\r\n    top: 0;\r\n    width: 6px;\r\n    height: 100%;\r\n    background-color: #54b248;\r\n    opacity: 0;\r\n    transition: opacity 0.2s ease;\r\n    z-index: 5;\r\n}\r\n\r\n/* Bottom Line Effect - Right to Left */\r\n.value-card::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 0;\r\n    width: 0;\r\n    height: 6px;\r\n    background-color: #54b248;\r\n    transition: width 0.4s ease;\r\n    z-index: 5;\r\n}\r\n\r\n.value-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.value-card:hover::before {\r\n    opacity: 1;\r\n}\r\n\r\n.value-card:hover::after {\r\n    width: 100%;\r\n}\r\n\r\n.value-icon {\r\n    width: 69px;\r\n    height: 59px;\r\n    margin-bottom: 20px;\r\n    color: #54b248;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.value-icon img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    transition: transform 0.3s ease;\r\n}\r\n\r\n.value-card:hover .value-icon img {\r\n    transform: scale(1.1);\r\n}\r\n\r\n.value-title {\r\n    font-size: 26px;\r\n    font-family: var(--font-body);\r\n    color: #54b248;\r\n    margin-bottom: 10px;\r\n    font-weight: 600;\r\n    line-height: 1.2;\r\n}\r\n\r\n.value-desc {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #1a1a1a;\r\n    line-height: 1.5;\r\n    font-weight: 500;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1100px) {\r\n    .values-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .values-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .stats-row {\r\n        grid-template-columns: repeat(2, 1fr);\r\n        /* 2 cols on mobile */\r\n        display: grid;\r\n        gap: 15px;\r\n        justify-content: center;\r\n    }\r\n\r\n    .stat-card {\r\n        padding: 20px 10px;\r\n        max-width: 280px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .stat-custom-img {\r\n        width: 50px;\r\n        height: 50px;\r\n    }\r\n\r\n    .industries-title {\r\n        font-size: 32px;\r\n    }\r\n\r\n    .industries-section {\r\n        padding: 40px 0 !important;\r\n    }\r\n\r\n    .industries-header {\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .stats-row {\r\n        margin-bottom: 30px;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .stats-row {\r\n        grid-template-columns: 1fr;\r\n        justify-content: center;\r\n    }\r\n\r\n    .value-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .stat-number {\r\n        font-size: 24px;\r\n    }\r\n}"],"names":[],"mappings":"AACA;;;;;;;;;AASA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;;AASA;;;;;;;;;;;;;AAeA;;;;;AAKA;;;;;;;AAOA;;;;;;;;;AAWA;;;;;;;;AAUA;;;;;;;AAOA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;AAOA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AASA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;;;;EAQA;;;;;;;EAOA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 5074, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/DesireTechSection.css"],"sourcesContent":[".desire-tech-section {\r\n    padding: 80px 40px;\r\n    background-color: #000000;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    border-top: 1px solid rgba(84, 178, 72, 0.2);\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.desire-tech-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.1;\r\n    z-index: 1;\r\n}\r\n\r\n.desire-tech-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    text-align: center;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n.desire-tech-title,\r\n.desire-tech-title span {\r\n    font-size: 42px;\r\n    font-family: var(--font-heading);\r\n    font-weight: 700;\r\n    line-height: 1.25;\r\n    margin-bottom: 0px;\r\n    width: 100%;\r\n    max-width: 100%;\r\n    word-wrap: break-word;\r\n}\r\n\r\n.desire-tech-subtitle {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #ffffff;\r\n    max-width: 600px;\r\n    width: 100%;\r\n    line-height: 1.6;\r\n    margin-bottom: 45px;\r\n    font-weight: 500;\r\n    opacity: 0.9;\r\n    box-sizing: border-box;\r\n}\r\n\r\n.desire-tech-btn {\r\n    background-color: var(--color-primary);\r\n    color: #ffffff;\r\n    border: none;\r\n    padding: 18px 55px;\r\n    /* Larger button */\r\n    border-radius: 50px;\r\n    /* Perfect pill */\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    /* Lora */\r\n    font-weight: 500;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.desire-tech-btn:hover {\r\n    background-color: #46a13b;\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 25px rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n.desire-tech-btn.white-btn {\r\n    background-color: #ffffff;\r\n    color: #54b248;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    padding: 15px 45px;\r\n    font-weight: 600;\r\n}\r\n\r\n.desire-tech-btn.white-btn:hover {\r\n    background-color: #f8f8f8;\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 5px 15px rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 768px) {\r\n    .desire-tech-section {\r\n        padding: 40px 0;\r\n    }\r\n\r\n    .desire-tech-container {\r\n        padding: 0 20px;\r\n        box-sizing: border-box;\r\n        width: 100%;\r\n    }\r\n\r\n    .desire-tech-title {\r\n        font-size: 26px !important;\r\n        line-height: 1.3;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n\r\n    .desire-tech-subtitle {\r\n        font-size: 14px !important;\r\n        margin-bottom: 30px;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    .desire-tech-btn {\r\n        width: auto;\r\n        min-width: 240px;\r\n        padding: 12px 25px;\r\n        font-size: 16px;\r\n    }\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;;AAWA;;;;;;;;;;;;AAeA;;;;;;;;;;;AAWA;;;;;;;;;;;AAYA;;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAgBA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;AAOA;EACI;;;;EAIA;;;;;;EAMA;;;;;;EAOA;;;;;;EAMA"}},
    {"offset": {"line": 5199, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ModelsSection.css"],"sourcesContent":[".models-section {\r\n    width: 100%;\r\n    background: radial-gradient(circle at center, #0a1108 0%, #000000 100%);\r\n    padding: 80px 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n}\r\n\r\n.models-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    min-height: 750px;\r\n    /* Changed from hard height for responsiveness */\r\n    padding: 0 40px;\r\n    position: relative;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.model-slide {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n    flex: 1;\r\n    /* Fills fixed container height */\r\n    opacity: 0;\r\n    transform: translateX(10px);\r\n    animation: smoothSlideIn 0.5s forwards ease-in-out;\r\n}\r\n\r\n@keyframes smoothSlideIn {\r\n    to {\r\n        opacity: 1;\r\n        transform: translateX(0);\r\n    }\r\n}\r\n\r\n.model-content {\r\n    flex: 1.2;\r\n    text-align: left;\r\n}\r\n\r\n.model-title {\r\n    font-size: 42px;\r\n    font-weight: 700;\r\n    margin-bottom: 20px;\r\n    line-height: 1.1;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\n.model-desc {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #ffffff;\r\n    margin-bottom: 25px;\r\n    font-weight: 400;\r\n    line-height: 1.6;\r\n    max-width: 700px;\r\n}\r\n\r\n.benefits-title {\r\n    font-size: 36px;\r\n    /* Lower end of H2 (24-36px) as it's a sub-heading */\r\n    font-weight: 500;\r\n    margin-bottom: 20px;\r\n    font-family: var(--font-heading);\r\n}\r\n\r\n.benefits-list {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0 0 50px 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 2px;\r\n}\r\n\r\n.benefits-list li {\r\n    font-size: 26px;\r\n    font-family: var(--font-body);\r\n    color: #fff;\r\n    font-weight: 400;\r\n    position: relative;\r\n    padding-left: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n}\r\n\r\n.benefits-list li h4 {\r\n    font-size: inherit;\r\n    font-family: inherit;\r\n    font-weight: 400;\r\n    color: inherit;\r\n    margin: 0;\r\n    line-height: inherit;\r\n}\r\n\r\n.benefits-list li::before {\r\n    content: \"•\";\r\n    position: absolute;\r\n    left: 0;\r\n    color: #fff;\r\n    font-weight: 900;\r\n    font-size: 24px;\r\n}\r\n\r\n.model-cta {\r\n    background-color: #eaf6e5;\r\n    /* Light green pill like image */\r\n    color: #54b248;\r\n    border: none;\r\n    padding: 14px 45px;\r\n    border-radius: 50px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    cursor: pointer;\r\n    transition: all 0.3s ease;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.model-cta:hover {\r\n    transform: translateY(-2px);\r\n    background-color: #ffffff;\r\n    box-shadow: 0 8px 20px rgba(84, 178, 72, 0.2);\r\n}\r\n\r\n.infographic-main-wrapper {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n\r\n.fixed-price-infographic-img,\r\n.tm-infographic-img,\r\n.dedicated-infographic-img {\r\n    object-fit: contain;\r\n    filter: drop-shadow(0 0 40px #54b24826);\r\n    width: 100%;\r\n    max-width: 700px;\r\n}\r\n\r\n.slider-controls {\r\n    display: flex;\r\n    gap: 15px;\r\n    position: absolute;\r\n    bottom: 0;\r\n    right: 40px;\r\n    z-index: 10;\r\n}\r\n\r\n.control-btn {\r\n    width: 42px;\r\n    height: 42px;\r\n    border-radius: 50%;\r\n    border: none;\r\n    background: #54b248;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    cursor: pointer;\r\n    transition: all 0.2s;\r\n    opacity: 0.9;\r\n}\r\n\r\n.control-btn:hover {\r\n    opacity: 1;\r\n    transform: scale(1.1);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1100px) {\r\n    .model-slide {\r\n        flex-direction: column-reverse;\r\n        text-align: center;\r\n        gap: 50px;\r\n    }\r\n\r\n    .model-content {\r\n        text-align: center;\r\n    }\r\n\r\n    .benefits-list {\r\n        align-items: center;\r\n        max-width: 100%;\r\n    }\r\n\r\n    .slider-controls {\r\n        position: static;\r\n        /* Let it flow on mobile stacks */\r\n        justify-content: center;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .models-container {\r\n        min-height: auto;\r\n        /* Reset for mobile stack */\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .model-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .benefits-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .models-section {\r\n\r\n        padding: 50px 0;\r\n    }\r\n\r\n    .models-container {\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .benefits-list {\r\n        padding-left: 0;\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    .benefits-list li {\r\n        font-size: 16px;\r\n        text-align: left;\r\n        margin: 0 auto;\r\n        width: fit-content;\r\n    }\r\n\r\n    .model-cta {\r\n        width: 100%;\r\n        max-width: 280px;\r\n        margin: 0 auto;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .model-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .benefits-title {\r\n        font-size: 20px;\r\n    }\r\n\r\n    .benefits-list li {\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n/* SEO Utilities */\r\n.sr-only-seo {\r\n    position: absolute;\r\n    width: 1px;\r\n    height: 1px;\r\n    padding: 0;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    clip: rect(0, 0, 0, 0);\r\n    white-space: nowrap;\r\n    border: 0;\r\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUA;;;;;;;;;;AAWA;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;AAcA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AASA;;;;;;;;;AASA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;EACI;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;;EAOA;;;;;AAMJ;EACI;;;;EAIA;;;;EAIA;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;EAOA;;;;;;;AAOJ;EACI;;;;EAIA;;;;EAIA;;;;;AAMJ"}},
    {"offset": {"line": 5456, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/CompareQualitySection.css"],"sourcesContent":["/* Compare Quality Section - 1:1 Match Reconstruction */\r\n.compare-quality-section {\r\n  padding: 50px 20px;\r\n  background-color: #000000;\r\n  text-align: center;\r\n  font-family: var(--font-body);\r\n}\r\n\r\n.compare-title {\r\n  color: #ffffff;\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  max-width: 1400px;\r\n  margin: 0 auto 30px auto;\r\n  line-height: 1.3;\r\n  font-family: var(--font-heading);\r\n  text-align: center;\r\n}\r\n\r\n.compare-title .text-primary,\r\n.compare-title-sub {\r\n  color: #54b248;\r\n}\r\n\r\n.compare-subtitle {\r\n  color: #ffffff;\r\n  max-width: 1000px;\r\n  margin: 0px auto 35px;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  line-height: 1.6;\r\n}\r\n\r\n/* Outer Container (Pale Green Card) */\r\n.calculator-card {\r\n  max-width: 1000px;\r\n  /* Reduced from 1400px as requested */\r\n  margin: 0 auto;\r\n  background-color: #eaf6e5;\r\n  border-radius: 40px;\r\n  padding: 30px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n/* TOP FORM AREA (Black Card) */\r\n.calc-form-card {\r\n  background-color: #0d0d0d;\r\n  border-radius: 25px;\r\n  padding: 30px 40px;\r\n  margin-bottom: 25px;\r\n  /* Increased from 20px */\r\n}\r\n\r\n.calc-header-text {\r\n  font-size: 28px;\r\n  font-weight: 700;\r\n  color: #54b248;\r\n  text-align: left;\r\n  margin-bottom: 15px;\r\n  padding-left: 5px;\r\n}\r\n\r\n.calc-form {\r\n  display: flex;\r\n  gap: 15px;\r\n  align-items: center;\r\n}\r\n\r\n/* Input Styles in Form */\r\n.custom-dropdown-container {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 50;\r\n  /* Ensuring it's above other inputs */\r\n}\r\n\r\n.custom-dropdown-trigger {\r\n  background: #ffffff;\r\n  border: 1.5px solid #54b248;\r\n  padding: 12px 20px;\r\n  border-radius: 50px;\r\n  color: #aaaaaa;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  cursor: pointer;\r\n  font-weight: 600;\r\n  font-size: 15px;\r\n  height: 44px;\r\n  /* Reduced to match submit button feel */\r\n  box-sizing: border-box;\r\n}\r\n\r\n.custom-dropdown-trigger>span,\r\n.custom-dropdown-trigger>svg {\r\n  pointer-events: none;\r\n}\r\n\r\n.custom-dropdown-trigger.has-value {\r\n  color: #000000;\r\n}\r\n\r\n.dropdown-chevron {\r\n  color: #54b248;\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.dropdown-chevron.rotate {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.calc-input-wrapper {\r\n  flex: 1;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.input-chevron {\r\n  position: absolute;\r\n  right: 20px;\r\n  color: #54b248;\r\n  pointer-events: none;\r\n}\r\n\r\n.calc-input {\r\n  width: 100%;\r\n  background: #ffffff;\r\n  border: 1.5px solid #54b248;\r\n  color: #000000;\r\n  padding: 0 25px;\r\n  /* Added left padding for better look */\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  border-radius: 50px;\r\n  outline: none;\r\n  height: 44px;\r\n  /* Reduced to match submit button feel */\r\n  text-align: left;\r\n  /* Aligned left as requested */\r\n  box-sizing: border-box;\r\n}\r\n\r\n.input-chevron {\r\n  position: absolute;\r\n  right: 15px;\r\n  color: #54b248;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Hide number arrows */\r\n.calc-input::-webkit-inner-spin-button,\r\n.calc-input::-webkit-outer-spin-button {\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n  margin: 0;\r\n}\r\n\r\n.calc-input {\r\n  -moz-appearance: textfield;\r\n  appearance: none;\r\n}\r\n\r\n.calc-input::placeholder {\r\n  color: #aaaaaa;\r\n}\r\n\r\n/* Green Submit Button */\r\n.calc-submit {\r\n  flex: none;\r\n  min-width: 150px;\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  border: none;\r\n  padding: 0 30px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  font-size: 22px;\r\n  cursor: pointer;\r\n  height: 44px;\r\n  /* Set consistent height */\r\n  box-sizing: border-box;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.calc-submit:hover {\r\n  background-color: #46a13b;\r\n  transform: translateY(-1px);\r\n}\r\n\r\n/* COMPARISON CARDS AREA */\r\n.comparison-grid {\r\n  display: flex;\r\n  gap: 20px;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.comp-box {\r\n  flex: 1;\r\n  background-color: #000000;\r\n  border-radius: 25px;\r\n  padding: 20px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n/* CSS Based Wrapping Corner Ribbon */\r\n.comp-box.featured {\r\n  position: relative;\r\n  overflow: hidden;\r\n  /* Crucial for wrapping ribbon */\r\n}\r\n\r\n.css-ribbon {\r\n  position: absolute;\r\n  top: 5px;\r\n  right: -50px;\r\n  width: 160px;\r\n  height: 44px;\r\n  background-color: #54b248;\r\n  transform: rotate(45deg);\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 100;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n  pointer-events: none;\r\n}\r\n\r\n.css-ribbon span {\r\n  color: #ffffff;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  line-height: 1.1;\r\n  letter-spacing: 0.5px;\r\n}\r\n\r\n.comp-box-title {\r\n  font-size: 28px;\r\n  /* Increased from 24px */\r\n  font-weight: 700;\r\n  margin: 15px 0 25px 5px;\r\n  /* Added left margin */\r\n  color: #54b248;\r\n  text-align: left;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n  gap: 12px;\r\n}\r\n\r\n/* Inner Table (White Box) */\r\n.comp-table {\r\n  background-color: #ffffff;\r\n  border-radius: 20px;\r\n  padding: 25px;\r\n}\r\n\r\n.comp-row-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding-bottom: 20px;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.roi-matrix-header {\r\n  font-size: 24px;\r\n  font-weight: 700;\r\n  color: #54b248;\r\n}\r\n\r\n.comp-row {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 14px 0;\r\n}\r\n\r\n.comp-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #000000;\r\n}\r\n\r\n.comp-value {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #000000;\r\n  text-align: right;\r\n}\r\n\r\n/* Best Choice Badge (Image based for 100% match) */\r\n.best-choice-badge {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 130px;\r\n  /* Adjust based on image clarity */\r\n  height: auto;\r\n  z-index: 10;\r\n  user-select: none;\r\n  pointer-events: none;\r\n}\r\n\r\n/* Efficiency Banner (Bottom) */\r\n.efficiency-banner {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  border-radius: 20px;\r\n  padding: 15px;\r\n  font-size: 32px;\r\n  /* Adjusted to look like image */\r\n  font-weight: 700;\r\n  margin-top: 15px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n/* Dropdown Menu Overrides */\r\n.custom-dropdown-menu {\r\n  background: white;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n  margin-top: 5px;\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  width: 100%;\r\n  z-index: 1000;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  /* Smooth Open Animation */\r\n  animation: dropdownFadeIn 0.3s ease-out;\r\n  transform-origin: top;\r\n}\r\n\r\n@keyframes dropdownFadeIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-8px) scaleY(0.95);\r\n  }\r\n\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0) scaleY(1);\r\n  }\r\n}\r\n\r\n.custom-dropdown-option {\r\n  color: #000;\r\n  padding: 14px 20px;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  text-align: left;\r\n  /* Aligned left as requested */\r\n  border-bottom: 1px solid #eee;\r\n  cursor: pointer;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.custom-dropdown-option:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.custom-dropdown-option:hover {\r\n  background: #eaf6e5;\r\n  color: #54b248;\r\n}\r\n\r\n/* Responsive Adjustments for All Devices */\r\n@media (max-width: 900px) {\r\n  .calc-form {\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n  }\r\n\r\n  .calc-submit {\r\n    padding: 15px;\r\n    height: auto;\r\n  }\r\n\r\n  .comparison-grid {\r\n    flex-direction: column;\r\n    gap: 15px;\r\n  }\r\n\r\n  .efficiency-banner {\r\n    font-size: 24px;\r\n    padding: 15px;\r\n  }\r\n\r\n  .compare-title {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  /* Reduce spacing on tablet */\r\n  .compare-subtitle {\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .calculator-card {\r\n    padding: 15px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .best-choice-badge {\r\n    width: 90px;\r\n    /* Scale down on tablets */\r\n  }\r\n\r\n  .comp-box-title {\r\n    font-size: 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .efficiency-banner {\r\n    font-size: 18px;\r\n    padding: 12px;\r\n  }\r\n\r\n  .best-choice-badge {\r\n    width: 70px;\r\n    /* Scale down even more on phones */\r\n  }\r\n\r\n  .roi-matrix-header,\r\n  .comp-label,\r\n  .comp-value {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .comp-table {\r\n    padding: 15px;\r\n  }\r\n\r\n  .comp-label {\r\n    gap: 8px;\r\n  }\r\n\r\n  .compare-subtitle {\r\n    margin-bottom: 35px;\r\n    font-size: 14px;\r\n    padding: 0 10px;\r\n  }\r\n}"],"names":[],"mappings":"AACA;;;;;;;AAOA;;;;;;;;;;;AAWA;;;;AAKA;;;;;;;;;AAUA;;;;;;;;;AAWA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;AAOA;;;;;;AAOA;;;;;;;;;;;;;;;;AAiBA;;;;AAKA;;;;AAIA;;;;;AAKA;;;;AAIA;;;;;;;AAcA;;;;;;;;;;;;;;;AAkBA;;;;;;;AAQA;;;;;AAAA;;;;;AAOA;;;;;AAKA;;;;AAKA;;;;;;;;;;;;;;;;AAiBA;;;;;AAMA;;;;;;AAMA;;;;;;;;;AAUA;;;;;AAMA;;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;AASA;;;;;;;;;;;;AAeA;;;;;;AAMA;;;;;;;AAOA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;AAQA;;;;;;;;;;;;AAaA;;;;;;;;;;;;;AAeA;;;;;;;;;;;;;;;;;;AAmBA;;;;;;;;;;;;AAYA;;;;;;;;;;;AAYA;;;;AAIA;;;;;AAMA;EACE;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;EAKA;;;;EAIA;;;;;EAKA;;;;EAKA;;;;;AAKF;EACE;;;;;EAKA;;;;EAKA;;;;EAMA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 5874, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/BestArchitectureSection.css"],"sourcesContent":["/* Best Architecture Section Styles - Static Frame with 3D Flip Content */\r\n.best-architecture-section {\r\n    padding: 50px 0;\r\n    background-color: #000000;\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.best-architecture-container {\r\n    width: 100%;\r\n    max-width: 1400px;\r\n    padding: 0 40px;\r\n}\r\n\r\n.best-architecture-header {\r\n    text-align: center;\r\n    max-width: 1050px;\r\n    margin: 0 auto 40px auto;\r\n}\r\n\r\n.best-architecture-title {\r\n    font-size: 42px;\r\n    font-family: var(--font-heading);\r\n    line-height: 1.25;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n}\r\n\r\n.best-architecture-title span {\r\n    color: var(--color-white);\r\n}\r\n\r\n.best-architecture-subtitle {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #ffffff;\r\n    line-height: 1.6;\r\n    font-weight: 500;\r\n    max-width: 800px;\r\n    margin: 0 auto;\r\n}\r\n\r\n.best-architecture-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 30px;\r\n    width: 100%;\r\n}\r\n\r\n/* Static Card Design with Inner Flip */\r\n.best-architecture-flip-card {\r\n    background-color: #ffffff;\r\n    border-radius: 12px;\r\n    height: 280px;\r\n    /* Reduced height for more compact look */\r\n    border: 1.5px solid #54b248;\r\n    perspective: 2000px;\r\n    position: relative;\r\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n    overflow: hidden;\r\n}\r\n\r\n.best-architecture-card-inner {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100%;\r\n    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n    transform-style: preserve-3d;\r\n    cursor: pointer;\r\n}\r\n\r\n.best-architecture-flip-card:hover .best-architecture-card-inner {\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.best-architecture-card-front,\r\n.best-architecture-card-back {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    -webkit-backface-visibility: hidden;\r\n    backface-visibility: hidden;\r\n    padding: 20px;\r\n    /* Reduced for ultra-compact look */\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    justify-content: flex-start;\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    /* Prevent ANY child overflow */\r\n    box-sizing: border-box;\r\n    /* Force border-box for padding */\r\n}\r\n\r\n.best-architecture-card-front {\r\n    z-index: 2;\r\n    background: #ffffff;\r\n}\r\n\r\n.best-architecture-card-back {\r\n    background: #ffffff;\r\n    transform: rotateY(180deg);\r\n}\r\n\r\n.best-architecture-icon {\r\n    width: 95px;\r\n    height: 85px;\r\n    margin-bottom: 15px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n}\r\n\r\n.card-custom-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: contain;\r\n    filter: brightness(0) saturate(100%) invert(60%) sepia(35%) saturate(1000%) hue-rotate(65deg) brightness(85%) contrast(85%);\r\n}\r\n\r\n.best-architecture-card-title,\r\n.back-title {\r\n    font-size: 26px;\r\n    font-family: var(--font-heading);\r\n    color: #54b248;\r\n    margin-bottom: 5px;\r\n    font-weight: 600;\r\n}\r\n\r\n.best-architecture-card-desc,\r\n.extra-content {\r\n    font-size: 18px;\r\n    font-family: var(--font-body);\r\n    color: #1a1a1a;\r\n    /* Slightly softer black for better readability */\r\n    line-height: 1.4;\r\n    font-weight: 500;\r\n    margin: 0;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    overflow: visible;\r\n}\r\n\r\n.learn-more-btn {\r\n    background-color: var(--color-primary);\r\n    color: white;\r\n    border: none;\r\n    padding: 8px 18px;\r\n    border-radius: 50px;\r\n    font-weight: 600;\r\n    font-family: var(--font-body);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    transition: all 0.2s;\r\n    position: absolute;\r\n    bottom: 20px;\r\n    left: 25px;\r\n}\r\n\r\n.learn-more-btn:hover {\r\n    background-color: var(--color-primary-dark);\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1100px) {\r\n    .best-architecture-grid {\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .best-architecture-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n    .best-architecture-flip-card {\r\n        height: auto;\r\n        min-height: 250px;\r\n    }\r\n\r\n    .best-architecture-title {\r\n        font-size: 28px;\r\n    }\r\n\r\n    .best-architecture-subtitle {\r\n        font-size: 15px;\r\n    }\r\n\r\n    .best-architecture-section {\r\n        padding: 40px 0;\r\n    }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n    .best-architecture-title {\r\n        font-size: 24px;\r\n    }\r\n\r\n    .best-architecture-card-title {\r\n        font-size: 22px;\r\n    }\r\n\r\n    .best-architecture-card-desc {\r\n        font-size: 14px;\r\n    }\r\n\r\n    .best-architecture-icon {\r\n        width: 70px;\r\n        height: 60px;\r\n    }\r\n}"],"names":[],"mappings":"AACA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;;;;;AAYA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;;;;AAoBA;;;;;AAKA;;;;;AAKA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;;;AAcA;;;;;;;;;;;;;;;;;AAiBA;;;;AAKA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 6078, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ClientsSection.css"],"sourcesContent":["/* Clients Section */\r\n.clients-section {\r\n  padding: 35px 35px;\r\n  text-align: center;\r\n}\r\n\r\n.clients-section h2 {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin: 0 0 35px 0;\r\n  color: #ffffff;\r\n  line-height: 42px;\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.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  width: auto;\r\n  object-fit: contain;\r\n  border-radius: 4px;\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@media (max-width: 768px) {\r\n  .client-logo {\r\n    min-width: 140px;\r\n  }\r\n\r\n  .clients-section h2 {\r\n    font-size: 28px;\r\n    line-height: 1.3;\r\n  }\r\n}\r\n\r\n"],"names":[],"mappings":"AACA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;AAOA;;;;AAIA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;AAUA;EACE;;;;EAIA"}},
    {"offset": {"line": 6147, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceHero.css"],"sourcesContent":["/* Service Hero Section - Modular Folder Style */\r\n.service-hero {\r\n  position: relative;\r\n  height: 65vh;\r\n  min-height: 580px;\r\n  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(\"../../assets/img/servicepage/service-banner.png\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  background-repeat: no-repeat;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n}\r\n\r\n.hero-content {\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  z-index: 5;\r\n  padding: 0 20px;\r\n  transform: translateY(-60px);\r\n}\r\n\r\n.hero-subtitle {\r\n  font-size: 16px;\r\n  letter-spacing: 2.5px;\r\n  font-weight: 700;\r\n  margin-bottom: 25px;\r\n  text-transform: uppercase;\r\n  display: block;\r\n}\r\n\r\n.service-hero h1 {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin: 0 auto 35px auto;\r\n  line-height: 1.25;\r\n  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\r\n  max-width: 1200px;\r\n}\r\n\r\n.service-hero.mep-hero h1 {\r\n  margin: 30px;\r\n}\r\n\r\n.service-hero .service-description {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  max-width: 1300px;\r\n  margin: 0 auto 20px auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Service Page Specific Button Overrides */\r\n.service-hero .hero-btn {\r\n  background-color: #eaf6e5;\r\n  color: #54b248;\r\n  padding: 15px 35px;\r\n  border-radius: 50px;\r\n  font-weight: 700;\r\n  border: 1.5px solid #54b248;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  text-transform: none;\r\n  font-family: var(--font-body);\r\n}\r\n\r\n.service-hero .hero-btn:hover {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 10px 30px rgba(84, 178, 72, 0.3);\r\n}\r\n\r\n.service-hero .hero-btn svg {\r\n  transition: transform 0.3s;\r\n}\r\n\r\n.service-hero .hero-btn:hover svg {\r\n  transform: translate(3px, -3px);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-hero {\r\n    height: auto;\r\n    min-height: 450px;\r\n    padding: 60px 0;\r\n  }\r\n\r\n  .hero-content {\r\n    transform: translateY(-40px);\r\n  }\r\n\r\n  .service-hero h1 {\r\n    font-size: 32px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .service-hero h1 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  .service-hero p {\r\n    font-size: 15px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .service-hero .hero-btn {\r\n    padding: 12px 25px;\r\n    font-size: 15px;\r\n  }\r\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAgBA;;;;;;;AAOA;;;;AAIA;;;;AAIA;EACE;;;;;;EAMA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;;EAKA"}},
    {"offset": {"line": 6268, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/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"}},
    {"offset": {"line": 6418, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/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"}},
    {"offset": {"line": 6531, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceChoose.css"],"sourcesContent":[".service-choose-section {\r\n  padding: 50px 0;\r\n  background-color: #000000;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.service-choose-container {\r\n  width: 100%;\r\n  max-width: 1400px;\r\n  padding: 0 40px;\r\n}\r\n\r\n.service-choose-header {\r\n  text-align: center;\r\n  margin-bottom: 40px;\r\n  width: 100%;\r\n}\r\n\r\n.service-choose-title {\r\n  font-size: 42px;\r\n  font-family: var(--font-heading);\r\n  color: #ffffff;\r\n  margin-bottom: 25px;\r\n  font-weight: 700;\r\n  line-height: 1.25;\r\n}\r\n\r\n.service-choose-title span {\r\n  color: #54b248;\r\n}\r\n\r\n.service-choose-subtitle {\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  color: #ffffff;\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.service-choose-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 30px;\r\n}\r\n\r\n.choose-card {\r\n  background-color: #ffffff;\r\n  border-radius: 12px;\r\n  padding: 25px 30px;\r\n  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  text-align: left;\r\n  min-height: 220px;\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n  border: none;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n/* Right Line Effect */\r\n.choose-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0;\r\n  top: 0;\r\n  width: 6px;\r\n  height: 100%;\r\n  background-color: #54b248;\r\n  opacity: 0;\r\n  transition: opacity 0.2s ease;\r\n  z-index: 5;\r\n}\r\n\r\n/* Bottom Line Effect - Right to Left */\r\n.choose-card::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 0;\r\n  height: 6px;\r\n  background-color: #54b248;\r\n  transition: width 0.4s ease;\r\n  z-index: 5;\r\n}\r\n\r\n.choose-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.choose-card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.choose-card:hover::after {\r\n  width: 100%;\r\n}\r\n\r\n.choose-icon-box {\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: transparent;\r\n  /* Changed to transparent for clean icon feel */\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 15px;\r\n  color: #54b248;\r\n}\r\n\r\n.choose-custom-img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  /* Ensuring icons are perfectly green as requested / design match */\r\n  filter: brightness(0) saturate(100%) invert(60%) sepia(35%) saturate(1000%) hue-rotate(65deg) brightness(85%) contrast(85%);\r\n}\r\n\r\n.choose-card h3 {\r\n  font-size: 26px;\r\n  font-family: var(--font-heading);\r\n  color: #54b248;\r\n  margin-bottom: 12px;\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n}\r\n\r\n.choose-card p {\r\n  font-size: 18px;\r\n  font-family: var(--font-body);\r\n  color: #000000;\r\n  line-height: 1.6;\r\n  margin: 0;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Responsive */\r\n@media (max-width: 1200px) {\r\n  .service-choose-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-choose-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .choose-card {\r\n    padding: 30px 20px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .service-choose-title {\r\n    font-size: 32px;\r\n  }\r\n\r\n  .service-choose-section {\r\n    padding: 40px 0;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;;;;;;;;AAYA;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;AAUA;EACE;;;;;;AAMF;EACE;;;;;EAKA;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 6698, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceTrusted.css"],"sourcesContent":[".service-trusted-new {\r\n  padding: 50px 0;\r\n  background-color: #000000;\r\n  width: 100%;\r\n}\r\n\r\n.trusted-new-container {\r\n  display: flex;\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 50px;\r\n  gap: 80px;\r\n  align-items: stretch;\r\n  /* CRITICAL: Height of both columns matches automatically */\r\n}\r\n\r\n/* Updated columns */\r\n.trusted-new-left {\r\n  flex: 1.1;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.trusted-new-right {\r\n  flex: 0.9;\r\n  text-align: left;\r\n  display: flex;\r\n  flex-direction: column;\r\n  padding: 5px 0;\r\n  /* Tiny vertical padding for perfect edge alignment */\r\n}\r\n\r\n/* Image on Left - Height matched to content */\r\n.trusted-image-wrapper {\r\n  width: 100%;\r\n  flex-grow: 1;\r\n  /* Forces the box to take the full height of the container */\r\n  min-height: 520px;\r\n  /* Minimum height for visual stability */\r\n  border-radius: 24px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);\r\n  position: relative;\r\n}\r\n\r\n.trusted-main-img {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  /* Fills the dynamically sized wrapper */\r\n  object-fit: cover;\r\n  /* Crops architectural detail precisely */\r\n  display: block;\r\n}\r\n\r\n/* Typography on Right - Symmetrical spacing */\r\n.trusted-new-title {\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  margin-bottom: 30px;\r\n  line-height: 1.25;\r\n}\r\n\r\n.trusted-new-title .text-primary {\r\n  color: #54b248;\r\n}\r\n\r\n.trusted-new-content {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 25px;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.trusted-new-content p {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n  margin: 0;\r\n}\r\n\r\n/* Button Styling (Book a Meeting) */\r\n.book-meeting-btn {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n  border: none;\r\n  padding: 20px 55px;\r\n  border-radius: 60px;\r\n  font-size: 19px;\r\n  font-family: var(--font-body);\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  box-shadow: 0 4px 25px rgba(84, 178, 72, 0.3);\r\n  display: inline-block;\r\n  width: fit-content;\r\n  margin-top: auto;\r\n  /* Always keeps the button at the bottom edge */\r\n}\r\n\r\n.book-meeting-btn:hover {\r\n  background-color: #469c3a;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 12px 40px rgba(84, 178, 72, 0.5);\r\n}\r\n\r\n/* Responsive Scaling */\r\n@media (max-width: 1200px) {\r\n  .trusted-new-container {\r\n    gap: 40px;\r\n    padding: 0 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .trusted-new-container {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    align-items: center;\r\n    padding: 0 20px;\r\n    gap: 40px;\r\n  }\r\n\r\n  .trusted-new-left {\r\n    width: 100%;\r\n    flex: none;\r\n  }\r\n\r\n  .trusted-image-wrapper {\r\n    min-height: 400px;\r\n    height: 400px;\r\n    width: 100%;\r\n    flex-grow: 0;\r\n  }\r\n\r\n  .trusted-new-right {\r\n    text-align: center;\r\n  }\r\n\r\n  .trusted-new-title {\r\n    font-size: 36px;\r\n  }\r\n\r\n  .book-meeting-btn {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .service-trusted-new {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .trusted-new-container {\r\n    padding: 0;\r\n    gap: 30px;\r\n  }\r\n\r\n  .trusted-image-wrapper {\r\n    min-height: 350px;\r\n    height: 350px;\r\n    width: 100%;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .trusted-new-title {\r\n    font-size: 30px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .trusted-new-content p {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .book-meeting-btn {\r\n    padding: 15px 35px;\r\n    font-size: 16px;\r\n  }\r\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;;;AAWA;;;;;;AAMA;;;;;;;;AAUA;;;;;;;;;;AAYA;;;;;;;;;;AAaA;;;;;;;;AAQA;;;;AAIA;;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;;;;;;;;AAkBA;;;;;;AAOA;EACE;;;;;;AAMF;EACE;;;;;;;;EAQA;;;;;EAKA;;;;;;;EAOA;;;;EAIA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;;EAKA;;;;;;;EAOA;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 6871, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/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"}},
    {"offset": {"line": 7029, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceExperienced.css"],"sourcesContent":[".service-experienced {\r\n  background-color: #000000;\r\n  padding: 50px 20px;\r\n  text-align: center;\r\n  margin: 0;\r\n}\r\n\r\n.service-experienced .container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.experienced-title {\r\n  color: #ffffff;\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin: 0 0 15px 0;\r\n  line-height: 1.25;\r\n  font-family: var(--font-heading);\r\n}\r\n\r\n.experienced-subtitle {\r\n  color: #ffffff;\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  max-width: 1000px;\r\n  margin: 0 auto 45px auto;\r\n  font-family: var(--font-heading);\r\n  font-weight: 500;\r\n}\r\n\r\n.experience-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 45px;\r\n}\r\n\r\n.experience-card {\r\n  background-color: #eaf6e5;\r\n  border: 4px solid #54b248;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-height: 250px;\r\n  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.experience-card:hover {\r\n  transform: translateY(-12px);\r\n  background-color: #ffffff;\r\n  box-shadow: 0 15px 45px rgba(84, 178, 72, 0.45);\r\n}\r\n\r\n.experience-card .icon-wrapper {\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 120px;\r\n}\r\n\r\n.experience-card .icon-wrapper img {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  object-fit: contain;\r\n}\r\n\r\n.experience-card .card-text {\r\n  color: #57B041;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n  font-family: var(--font-body);\r\n}\r\n\r\n@media (max-width: 1150px) {\r\n  .experience-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 25px;\r\n  }\r\n}\r\n\r\n@media (max-width: 650px) {\r\n  .experience-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n  }\r\n\r\n  .service-experienced {\r\n    padding: 30px 15px;\r\n  }\r\n\r\n  .experienced-title {\r\n    font-size: 26px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .experienced-subtitle {\r\n    font-size: 15px;\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .experience-card {\r\n    min-height: auto;\r\n    padding: 30px 20px;\r\n  }\r\n}\r\n"],"names":[],"mappings":"AAAA;;;;;;;AAOA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;AASA;EACE;;;;;;AAMF;EACE;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;EAKA"}},
    {"offset": {"line": 7141, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceAsbuilt.css"],"sourcesContent":[".service-asbuilt-section {\n    padding: 80px 40px;\n    background-color: #000000;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n    /* Subtle separation */\n}\n\n.service-asbuilt-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.asbuilt-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 25px;\n    font-family: var(--font-heading);\n    line-height: 1.3;\n}\n\n.asbuilt-content {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.asbuilt-text {\n    font-size: 18px;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.8;\n    margin-bottom: 25px;\n    font-family: var(--font-body);\n    opacity: 0.9;\n}\n\n.asbuilt-text:last-child {\n    margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n    .service-asbuilt-section {\n        padding: 50px 20px;\n    }\n\n    .asbuilt-title {\n        font-size: 28px;\n    }\n\n    .asbuilt-text {\n        font-size: 16px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;AAWA;;;;;;AAMA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;;AAUA;;;;AAIA;EACI;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 7200, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceExplore.css"],"sourcesContent":[".service-explore-section {\n    padding: 80px 40px;\n    background-color: #000000;\n    width: 100%;\n}\n\n.service-explore-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.explore-header {\n    text-align: center;\n    margin-bottom: 30px;\n}\n\n.explore-title {\n    font-size: 42px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 25px;\n    font-family: var(--font-heading);\n    line-height: 1.3;\n}\n\n.explore-subtitle {\n    font-size: 18px;\n    font-weight: 500;\n    color: #ffffff;\n    opacity: 0.8;\n    max-width: 900px;\n    margin: 0 auto;\n    line-height: 1.6;\n    font-family: var(--font-body);\n}\n\n.explore-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 40px;\n}\n\n.explore-card {\n    background: #eaf6e5;\n    /* Match solid light green background from image */\n    border: 2px solid #54b248;\n    border-radius: 12px;\n    padding: 35px;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n}\n\n.explore-card:hover {\n    transform: translateY(-5px);\n    box-shadow: 0 10px 30px rgba(84, 178, 72, 0.2);\n}\n\n.explore-icon {\n    color: #54b248;\n    margin-bottom: 25px;\n}\n\n.explore-card-title {\n    font-size: 26px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 15px;\n    font-family: var(--font-heading);\n    line-height: 1.3;\n}\n\n.explore-card-text {\n    font-size: 18px;\n    font-weight: 500;\n    color: #1a1a1a;\n    line-height: 1.6;\n    font-family: var(--font-body);\n}\n\n@media (max-width: 1200px) {\n    .explore-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 768px) {\n    .service-explore-section {\n        padding: 50px 20px;\n    }\n\n    .explore-grid {\n        grid-template-columns: 1fr;\n    }\n\n    .explore-title {\n        font-size: 28px;\n    }\n\n    .explore-subtitle {\n        font-size: 16px;\n    }\n\n    .explore-card-title {\n        font-size: 22px;\n    }\n\n    .explore-card-text {\n        font-size: 16px;\n    }\n\n    .explore-icon img {\n        width: 75px !important;\n        height: 65px !important;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;;AAMA;;;;;;;;;;AAWA;;;;;AAKA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;AAQA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 7317, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ServiceHiring.css"],"sourcesContent":["/* ServiceHiring Section - Final Horizontal Design */\r\n.service-hiring {\r\n  padding: 50px 0 !important;\r\n  background-color: #000000;\r\n  color: #ffffff;\r\n  text-align: center;\r\n}\r\n\r\n.hiring-content {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 40px;\r\n}\r\n\r\n.hiring-title {\r\n  font-family: var(--font-heading);\r\n  font-size: 42px;\r\n  font-weight: 700;\r\n  margin-bottom: 20px;\r\n  max-width: 1000px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.hiring-title span {\r\n  color: #54b248;\r\n}\r\n\r\n.hiring-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 30px auto;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n.hiring-btn {\r\n  background-color: #eaf6e5;\r\n  color: #54b248;\r\n  padding: 18px 45px;\r\n  border-radius: 60px;\r\n  font-size: 18px;\r\n  font-weight: 500;\r\n  border: none;\r\n  cursor: pointer;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  transition: 0.3s;\r\n}\r\n\r\n.hiring-btn:hover {\r\n  background-color: #54b248;\r\n  color: #ffffff;\r\n}\r\n\r\n/* Horizontal Line Design */\r\n.hiring-timeline-container {\r\n  margin-top: 50px !important;\r\n  /* Reduced from 100px */\r\n  position: relative;\r\n  width: 100%;\r\n}\r\n\r\n.hiring-timeline-wrapper {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  position: relative;\r\n  width: 100%;\r\n  padding: 0 80px;\r\n}\r\n\r\n/* Base White Line */\r\n.hiring-timeline-line-base {\r\n  position: absolute;\r\n  top: 98px;\r\n  /* New center based on 25px label + 60/2 + extra margin */\r\n  left: 40px;\r\n  right: 195px;\r\n  height: 2px;\r\n  background-color: white;\r\n  z-index: 1;\r\n}\r\n\r\n/* Active Green Progress Line */\r\n.hiring-timeline-line-active {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 50%;\r\n  /* Progress goes through first icon */\r\n  background-color: #54b248;\r\n  z-index: 2;\r\n  box-shadow: 0 0 10px rgba(84, 178, 72, 0.4);\r\n}\r\n\r\n.hiring-step {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 3;\r\n  /* Above lines */\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n}\r\n\r\n.step-label {\r\n  font-size: 18px;\r\n  font-weight: 400;\r\n  color: #ffffff;\r\n  margin-bottom: 25px;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.step-icon-wrapper {\r\n  width: 60px;\r\n  height: 60px;\r\n  background-color: #54b248;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 30px;\r\n  border: 0px solid #000;\r\n}\r\n\r\n.step-icon-wrapper img {\r\n  width: 30px;\r\n  height: 30px;\r\n  filter: brightness(0) invert(1);\r\n}\r\n\r\n.step-info {\r\n  text-align: center;\r\n  max-width: 400px;\r\n}\r\n\r\n.step-title {\r\n  font-size: 26px;\r\n  font-weight: 500;\r\n  color: #ffffff;\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.step-desc {\r\n  font-size: 18px;\r\n  color: #ffffff;\r\n  line-height: 1.6;\r\n  font-weight: 500;\r\n}\r\n\r\n/* Mockup Nav Arrows at edges */\r\n.timeline-nav-icon {\r\n  position: absolute;\r\n  top: 98px;\r\n  transform: translateY(-50%);\r\n  color: #ffffff;\r\n  z-index: 4;\r\n}\r\n\r\n.nav-left {\r\n  left: 0;\r\n}\r\n\r\n.nav-right {\r\n  right: 0;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .hiring-content {\r\n    max-width: 1000px;\r\n    padding: 0 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n  .hiring-timeline-line-base {\r\n    display: none;\r\n  }\r\n\r\n  .hiring-timeline-wrapper {\r\n    flex-direction: column;\r\n    gap: 10px !important;\r\n    /* Reduced from 80px */\r\n    align-items: center;\r\n    padding: 0;\r\n  }\r\n\r\n  .timeline-nav-icon {\r\n    display: none;\r\n  }\r\n\r\n  .step-info {\r\n    max-width: 100% !important;\r\n  }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n  .hiring-content {\r\n    padding: 0 20px;\r\n  }\r\n\r\n  .hiring-title {\r\n    font-size: 28px !important;\r\n  }\r\n\r\n  .hiring-subtitle {\r\n    font-size: 16px;\r\n  }\r\n\r\n  .hiring-btn {\r\n    width: 100%;\r\n    justify-content: center;\r\n    padding: 16px 30px;\r\n  }\r\n\r\n  .step-title {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .step-desc {\r\n    font-size: 14px;\r\n    max-width: 100%;\r\n  }\r\n}"],"names":[],"mappings":"AACA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;;AAUA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;;AAOA;;;;;;;;AASA;;;;;;;;;;AAYA;;;;;;;;;;;AAYA;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;;;;AAQA;;;;;;;;AAQA;;;;AAIA;;;;AAIA;EACE;;;;;;AAMF;EACE;;;;EAIA;;;;;;;EAQA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA"}},
    {"offset": {"line": 7537, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ContactUsPage.css"],"sourcesContent":["/* Contact Us Page Hero Section - Standard Design */\n.contact-hero {\n    position: relative;\n    height: 50vh;\n    min-height: 500px;\n    background-color: #222;\n    background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url('/projectbim/img/contactuspage/Rectangle-156.png');\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.contact-hero-content {\n    text-align: center;\n    z-index: 5;\n    padding: 0 20px;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.contact-hero-subtitle {\n    font-size: 16px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    display: block;\n}\n\n.contact-hero-title {\n    font-size: var(--font-size-h1);\n    font-weight: 700;\n    margin: 0;\n    line-height: 1.2;\n    color: var(--color-white);\n}\n\n.contact-hero-title span {\n    color: var(--color-primary);\n}\n\n@media (max-width: 1024px) {\n    .contact-hero {\n        height: 50vh;\n        min-height: 400px;\n    }\n\n    .contact-hero-title {\n        font-size: clamp(28px, 4vw, 42px);\n    }\n}\n\n@media (max-width: 768px) {\n    .contact-hero {\n        height: auto;\n        min-height: 350px;\n        padding: 60px 0;\n        background-attachment: scroll;\n        /* Smoother on mobile */\n    }\n\n    .contact-hero-content {\n        padding: 0 30px;\n    }\n\n    .contact-hero-title {\n        font-size: 28px;\n        line-height: 1.3;\n    }\n\n    .contact-hero-subtitle {\n        font-size: 14px;\n        margin-bottom: 12px;\n        letter-spacing: 2px;\n    }\n}\n\n@media (max-width: 480px) {\n    .contact-hero {\n        min-height: 300px;\n        padding: 50px 0;\n    }\n\n    .contact-hero-title {\n        font-size: 22px;\n    }\n\n    .contact-hero-subtitle {\n        font-size: 13px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;AAaA;;;;;;;;AAQA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;AAIA;EACI;;;;;EAKA;;;;;AAKJ;EACI;;;;;;;EAQA;;;;EAIA;;;;;EAKA;;;;;;;AAOJ;EACI;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 7631, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/ContactUsPageForm.css"],"sourcesContent":["/* Contact Us Page Form Section - Standardized Fixed Design */\n.contact-form-section {\n    padding: 50px 40px !important; /* Updated from 30px to 50px */\n    background-color: #0d0d0d;\n    color: var(--color-white);\n}\n\n.contact-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.contact-grid {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 80px;\n    align-items: stretch;\n}\n\n/* Form Column - Left */\n.contact-form-container {\n    background-color: #eaf6e5;\n    padding: 30px 30px;\n    border: 2px solid #54b248;\n    border-radius: 12px;\n    color: #000000;\n}\n\n.form-box-title {\n    font-size: 26px;\n    font-weight: 800;\n    line-height: 1.35;\n    color: #000000;\n    margin-bottom: 30px;\n    font-family: var(--font-heading);\n}\n\n.contact-main-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.contact-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    width: 100%;\n}\n\n.contact-form-field {\n    width: 100% !important;\n    padding: 15px 20px !important;\n    border: 1.5px solid #54b248 !important;\n    border-radius: 6px !important;\n    /* MATCHING ORIGINAL IMAGE */\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    font-size: 15px !important;\n    outline: none !important;\n    box-sizing: border-box !important;\n    transition: border-color 0.3s !important;\n}\n\n.contact-form-field:focus {\n    border-color: #429037 !important;\n    box-shadow: 0 0 10px rgba(84, 178, 72, 0.15) !important;\n}\n\n/* Info Column - Right */\n.contact-info-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 0px;\n    height: 100%;\n}\n\n.info-item {\n    display: flex;\n    gap: 25px;\n    align-items: flex-start;\n}\n\n.custom-icon-img {\n    width: 55px;\n    height: 55px;\n    object-fit: contain;\n    flex-shrink: 0;\n}\n\n.highlight-text {\n    color: var(--color-primary);\n    font-size: 20px;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n}\n\n.info-text p {\n    margin: 4px 0;\n    color: #ffffff;\n    font-size: 15px;\n}\n\n.info-text p span {\n    color: var(--color-primary);\n    font-weight: 700;\n}\n\n/* Form Footer */\n.form-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n    gap: 20px;\n}\n\n.checkbox-group {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.checkbox-group input {\n    width: 24px;\n    height: 24px;\n    border: 1.5px solid #54b248;\n}\n\n.checkbox-group label {\n    font-size: 15px;\n    color: #000;\n    font-weight: 600;\n}\n\n.submit-btn {\n    background-color: #54b248;\n    color: #ffffff;\n    padding: 14px 40px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 17px;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.3s;\n}\n\n.submit-btn:hover {\n    background-color: #429037;\n    transform: scale(1.02);\n}\n\n/* Page Container - Gap Overrides (50px) */\n.contact-page-container .desire-tech-section,\n.contact-page-container .testimonials-section {\n    padding-top: 50px !important;\n    padding-bottom: 50px !important;\n}\n\n.contact-page-container .desire-tech-subtitle {\n     margin-bottom: 40px !important;\n}\n\n/* Mobile Responsive */\n@media (max-width: 1200px) {\n    .contact-grid {\n        gap: 50px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .contact-form-section {\n        padding: 50px 20px !important;\n    }\n\n    .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n\n    .contact-info-list {\n        gap: 40px;\n    }\n}\n\n@media (max-width: 768px) {\n    .contact-form-row {\n        grid-template-columns: 1fr;\n    }\n\n    .form-footer {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .submit-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .contact-form-container {\n        padding: 30px 20px;\n    }\n\n    .custom-icon-img {\n        width: 45px;\n        height: 45px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;AAKA;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;;;;AAcA;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;AAMA;;;;AAKA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;;;AAMJ;EACI;;;;EAIA"}},
    {"offset": {"line": 7840, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/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"}},
    {"offset": {"line": 7993, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/Hire/HireOnDemand.css"],"sourcesContent":["/* Hire On-Demand Section - Home Page Standard Styling */\n.hire-on-demand {\n    width: 100%;\n    background-color: #000000;\n    padding: 30px 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.on-demand-container {\n    width: 100%;\n    max-width: 1400px;\n    padding: 0 40px;\n    text-align: center;\n}\n\n.on-demand-header {\n    text-align: center;\n    max-width: 1400px;\n    margin: 0 auto 30px auto;\n}\n\n.on-demand-title {\n    font-size: 42px;\n    line-height: 48px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 25px;\n    font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n}\n\n.on-demand-title .text-primary {\n    color: var(--color-primary, #54b248);\n}\n\n.on-demand-subtitle {\n    font-size: 18px;\n    line-height: 1.6;\n    color: #ffffff;\n    max-width: 1070px;\n    margin: 0 auto;\n    font-weight: 500;\n    font-family: var(--font-body, 'Inter', sans-serif);\n}\n\n/* 5 Column Grid Aligned with Home Standards */\n.on-demand-grid {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 35px 25px; /* Increased gap to accommodate shadow effect */\n    width: 100%;\n    padding-bottom: 20px;\n}\n\n.role-card-wrapper {\n    position: relative;\n    z-index: 1;\n}\n\n.role-card {\n    background-color: #ffffff;\n    border: 2.5px dashed var(--color-primary, #54b248);\n    border-radius: 10px;\n    padding: 25px 15px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    position: relative;\n    z-index: 2;\n    transition: transform 0.3s ease;\n    cursor: default;\n}\n\n.role-card-shadow {\n    position: absolute;\n    top: 8px;\n    left: 8px;\n    width: 100%;\n    height: 100%;\n    background-color: #888888; /* Grey shadow as requested */\n    border-radius: 10px;\n    z-index: 0;\n    transition: transform 0.3s ease;\n}\n\n/* Stacked Hover Effect like ServiceOurMapBim */\n.role-card-wrapper:hover .role-card {\n    transform: translate(-3px, -3px);\n}\n\n.role-card-wrapper:hover .role-card-shadow {\n    transform: translate(3px, 3px);\n}\n\n.role-circle {\n    width: 55px;\n    height: 55px;\n    background: linear-gradient(135deg, #e0e0e0 0%, #d1d1d1 100%);\n    border-radius: 50%;\n    flex-shrink: 0;\n    box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.1);\n}\n\n.role-name {\n    font-size: 18px;\n    font-weight: 700;\n    color: #1a1a1a;\n    font-family: var(--font-body, 'Lexend Deca', sans-serif);\n    line-height: 1.2;\n}\n\n/* Responsiveness */\n@media (max-width: 1300px) {\n    .on-demand-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 30px;\n    }\n}\n\n@media (max-width: 992px) {\n    .on-demand-title {\n        font-size: 34px;\n        line-height: 1.25;\n    }\n    \n    .on-demand-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 600px) {\n    .on-demand-container {\n        padding: 0 20px;\n    }\n\n    .on-demand-title {\n        font-size: 28px;\n    }\n\n    .on-demand-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n    }\n\n    .role-card-shadow {\n        top: 6px;\n        left: 6px;\n    }\n\n    .role-card {\n        padding: 20px 15px;\n    }\n\n    .role-name {\n        font-size: 17px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;;AAQA;;;;;AAKA;;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAaA;;;;AAIA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AASA;EACI;;;;;;AAMJ;EACI;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 8149, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/Hire/HireTable.css"],"sourcesContent":[".hire-table-section {\n    padding: 60px 0;\n    width: 100%;\n    background-color: #000000;\n    display: flex;\n    justify-content: center;\n}\n\n.hire-table-container {\n    width: 100%;\n    max-width: 1400px;\n    padding: 0 40px;\n}\n\n.comparison-table-wrapper {\n    width: 100%;\n    border: 3px solid #ffffff;\n    /* White border as in image */\n    border-radius: 15px;\n    overflow: hidden;\n    background-color: transparent;\n}\n\n.comparison-table {\n    display: flex;\n    flex-direction: column;\n}\n\n.table-row {\n    display: grid;\n    grid-template-columns: 1.2fr 1fr 1fr;\n    width: 100%;\n    border-bottom: 2.5px solid #ffffff;\n    /* White horizontal separators */\n}\n\n/* Headers and labels styles */\n.table-cell {\n    background-color: #54b248;\n    /* Standard green color from image */\n    padding: 20px 25px;\n    color: #ffffff;\n    /* White text for data rows as requested */\n    font-size: 18px;\n    font-weight: 700;\n    border-right: 2.5px solid #ffffff;\n    /* White vertical separators */\n    display: flex;\n    align-items: center;\n    line-height: 1.4;\n    font-family: var(--font-body, 'Inter', sans-serif);\n}\n\n/* Remove last vertical line in each row */\n.table-cell:last-child {\n    border-right: none;\n}\n\n/* Removing bottom border from the last row */\n.total-row {\n    border-bottom: none;\n}\n\n/* 1st (Header) row: Black text */\n.table-header .table-cell {\n    color: #000000;\n    font-size: 18px;\n    padding: 25px;\n}\n\n/* Last (Total) row: Black text */\n.total-row .table-cell {\n    color: #000000;\n    font-weight: 700;\n    font-size: 18px;\n}\n\n/* Responsive adjustments */\n@media (max-width: 1100px) {\n    .table-cell {\n        font-size: 16px;\n        padding: 15px 10px;\n    }\n}\n\n@media (max-width: 768px) {\n    .hire-table-container {\n        padding: 0 20px;\n    }\n\n    .table-row {\n        grid-template-columns: 1fr;\n        /* Switch to stacked view on small screens */\n        border-bottom: none;\n    }\n\n    .table-cell {\n        border-right: none;\n        border-bottom: 2px solid #ffffff;\n    }\n\n    .empty-cell {\n        display: none;\n        /* Hide empty cell on stacked mobile view */\n    }\n\n    .table-header .table-cell {\n        font-size: 18px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;AASA;;;;;AAKA;;;;;;;AASA;;;;;;;;;;;;;AAiBA;;;;AAKA;;;;AAKA;;;;;;AAOA;;;;;;AAOA;EACI;;;;;;AAMJ;EACI;;;;EAIA;;;;;EAMA;;;;;EAKA;;;;EAKA"}},
    {"offset": {"line": 8248, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/Hire/HirededicatedBIMmodelers.css"],"sourcesContent":[".hire-dedicated-section {\n    padding: 80px 0;\n    width: 100%;\n    background: linear-gradient(135deg, #0a0a0a 0%, #000000 100%);\n    overflow: hidden;\n    position: relative;\n    display: flex;\n    justify-content: center;\n}\n\n.hire-dedicated-container {\n    width: 100%;\n    max-width: 1400px;\n    padding: 0 40px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n}\n\n/* Content (Left) */\n.hire-dedicated-content {\n    flex: 1;\n    max-width: 800px;\n}\n\n.dedicated-title {\n    font-size: 42px;\n    line-height: 48px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 25px;\n    font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n}\n\n.dedicated-title .text-primary {\n    color: var(--color-primary, #54b248);\n}\n\n.dedicated-subtitle {\n    font-size: 18px;\n    /* Standardized to 18px as per other home page subtitles */\n    line-height: 1.6;\n    color: #ffffff;\n    margin-bottom: 45px;\n    opacity: 1;\n    /* Keeping it clear as per standards */\n    font-weight: 500;\n    font-family: var(--font-body, 'Inter', sans-serif);\n}\n\n.contact-btn {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: var(--color-primary, #54b248);\n    color: #ffffff;\n    padding: 15px 35px;\n    border-radius: 50px;\n    /* Pill shape from image */\n    font-size: 18px;\n    font-weight: 700;\n    border: none;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    box-shadow: 0 10px 20px rgba(84, 178, 72, 0.2);\n}\n\n.contact-btn:hover {\n    transform: scale(1.05);\n    box-shadow: 0 15px 30px rgba(84, 178, 72, 0.3);\n}\n\n/* Visuals (Right) */\n.hire-dedicated-visual {\n    flex: 1;\n    display: flex;\n    justify-content: flex-end;\n    position: relative;\n    padding-right: 50px;\n}\n\n.floating-elements {\n    position: relative;\n    width: 450px;\n    height: 300px;\n}\n\n.circle {\n    position: absolute;\n    background-color: #d9d9d9;\n    border-radius: 50%;\n    z-index: 1;\n}\n\n.circle-top {\n    width: 70px;\n    height: 70px;\n    top: 25px;\n    left: 40px;\n}\n\n.circle-bottom {\n    width: 70px;\n    height: 70px;\n    bottom: -10px;\n    right: 85px;\n}\n\n/* Profile Cards Styling */\n.profile-card {\n    position: absolute;\n    background-color: #54b248;\n    padding: 15px;\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);\n    z-index: 10;\n    width: 280px;\n    transition: all 0.4s ease;\n}\n\n.profile-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);\n}\n\n.card-mayur {\n    top: 70px;\n    right: 40px;\n}\n\n.card-mahendra {\n    bottom: 40px;\n    left: 0;\n}\n\n.profile-img-placeholder {\n    width: 60px;\n    height: 60px;\n    background-color: #e0e0e0;\n    border-radius: 10px;\n    flex-shrink: 0;\n}\n\n.profile-info h4 {\n    font-size: 19px;\n    font-weight: 700;\n    color: #ffffff;\n    margin: 0;\n    line-height: 1.1;\n}\n\n.profile-info p {\n    font-size: 13px;\n    color: #f0f0f0;\n    margin: 5px 0 0 0;\n    line-height: 1.2;\n    font-weight: 500;\n}\n\n/* Responsiveness */\n@media (max-width: 1100px) {\n    .hire-dedicated-container {\n        flex-direction: column;\n        text-align: center;\n    }\n\n    .hire-dedicated-content {\n        margin-bottom: 80px;\n    }\n\n    .contact-btn {\n        margin: 0 auto;\n    }\n\n    .hire-dedicated-visual {\n        justify-content: center;\n        padding-right: 0;\n    }\n}\n\n@media (max-width: 768px) {\n    .dedicated-title {\n        font-size: 32px;\n    }\n\n    .dedicated-subtitle {\n        font-size: 18px;\n    }\n\n    .floating-elements {\n        width: 320px;\n        height: 300px;\n    }\n\n    .profile-card {\n        width: 240px;\n    }\n\n    .card-mayur {\n        right: 0;\n    }\n\n    .card-mahendra {\n        left: 0;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;AAUA;;;;;;;;;AAUA;;;;;AAKA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAYA;;;;;;;;;;;;;;;;AAiBA;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;AAQA;;;;;;;;;;;;;;AAcA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;AASA;EACI;;;;;EAKA;;;;EAIA;;;;EAIA;;;;;;AAMJ;EACI;;;;EAIA;;;;EAIA;;;;;EAKA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 8452, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/Hire/HireAdvantages.css"],"sourcesContent":[".hire-advantages {\n    padding: 60px 0;\n    width: 100%;\n    background-color: #000000;\n    display: flex;\n    justify-content: center;\n}\n\n.advantages-container {\n    width: 100%;\n    max-width: 1400px;\n    padding: 0 40px;\n}\n\n.advantages-header {\n    text-align: center;\n    max-width: 1400px;\n    margin: 0 auto 50px auto;\n}\n\n.advantages-title {\n    font-size: 42px;\n    line-height: 48px;\n    font-weight: 700;\n    color: #ffffff;\n    margin-bottom: 25px;\n    font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n}\n\n.advantages-title .text-primary {\n    color: var(--color-primary, #50b843);\n}\n\n.advantages-subtitle {\n    font-size: 18px;\n    line-height: 1.6;\n    color: #ffffff;\n    max-width: 950px;\n    margin: 0 auto;\n    font-weight: 500;\n    font-family: var(--font-body, 'Inter', sans-serif);\n}\n\n/* 2 Column Grid for Advantages Boxes */\n.advantages-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 30px;\n    width: 100%;\n}\n\n.advantage-card {\n    background-color: #e8f5e9;\n    /* Light green background from image */\n    padding: 20px;\n    border-radius: 12px;\n    text-align: left;\n    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    border: 1px solid rgba(84, 178, 72, 0.1);\n}\n\n.advantage-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 20px 40px rgba(84, 178, 72, 0.15);\n}\n\n.advantage-icon {\n    margin-bottom: 20px;\n}\n\n.bag-icon-bg {\n    width: 65px;\n    height: 65px;\n    background-color: transparent;\n    /* Changed to transparent to show the actual image asset */\n    border-radius: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n}\n\n.advantage-custom-icon {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n}\n\n.advantage-card-title {\n    font-size: 26px;\n    /* Standardized to 26px as per home page value-cards */\n    font-weight: 700;\n    color: #000000;\n    margin-bottom: 12px;\n    font-family: var(--font-heading, 'Lexend Deca', sans-serif);\n}\n\n.advantage-card-desc {\n    font-size: 18px;\n    /* Standardized to 18px as per home page value-cards */\n    line-height: 1.5;\n    color: #333333;\n    font-weight: 500;\n    font-family: var(--font-body, 'Inter', sans-serif);\n}\n\n/* Responsiveness */\n@media (max-width: 1024px) {\n    .advantages-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .advantage-card {\n        padding: 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .advantages-title {\n        font-size: 32px;\n    }\n\n    .advantages-subtitle {\n        font-size: 16px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;;;;;AAWA;;;;;;;AAOA;;;;;;;;;AAUA;;;;;AAKA;;;;AAIA;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;;;AASA;;;;;;;;AAUA;EACI;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA"}},
    {"offset": {"line": 8575, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/casestudy/casestudy.css"],"sourcesContent":["/* Case Study Styles - Standardized with Home Page */\n\n.casestudy-hero {\n    position: relative;\n    height: 65vh;\n    /* Standard home page height */\n    min-height: 580px;\n    background-color: var(--color-black);\n    /* background-image is handled by the component via inline style */\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--color-white);\n    text-align: center;\n    padding: 0 20px;\n}\n\n.casestudy-hero-content {\n    max-width: 1000px;\n    z-index: 5;\n    padding: 0 20px;\n    transform: translateY(-40px);\n    /* Matching home page content offset */\n}\n\n.hero-subtitle {\n    font-size: 16px;\n    letter-spacing: 2.5px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 12px;\n    text-transform: uppercase;\n    display: block;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);\n}\n\n.casestudy-hero-content h1 {\n    font-size: var(--font-size-h1);\n    font-weight: 700;\n    margin: 0 0 20px 0;\n    /* Standardized margin */\n    line-height: 1.25;\n    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.9);\n}\n\n.casestudy-hero-content h1 .text-primary {\n    color: var(--color-primary);\n}\n\n.casestudy-description {\n    font-size: 18px;\n    /* Matching .services-subtitle standard */\n    line-height: 1.6;\n    margin-bottom: 45px;\n    font-weight: 500;\n    /* Standardized font-weight from home page sections */\n    color: var(--color-white);\n    max-width: 1400px;\n    margin-left: auto;\n    margin-right: auto;\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 1);\n}\n\n.casestudy-hero-btns {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    flex-wrap: wrap;\n}\n\n.hero-btn-primary {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    border: 2px solid var(--color-white);\n    /* White border for left button */\n    padding: 14px 35px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: var(--font-size-body);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\n}\n\n.hero-btn-primary:hover {\n    background-color: var(--color-white);\n    color: var(--color-primary);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(255, 255, 255, 0.2);\n}\n\n.hero-btn-secondary {\n    background-color: #eaf6e5;\n    color: var(--color-primary);\n    border: 2px solid var(--color-primary);\n    /* Green border for right button */\n    padding: 14px 35px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: var(--font-size-body);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(84, 178, 72, 0.1);\n}\n\n.hero-btn-secondary:hover {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 25px rgba(84, 178, 72, 0.3);\n}\n\n/* Tablet & Smaller Devices */\n@media (max-width: 1024px) {\n    .casestudy-hero {\n        height: 55vh;\n        min-height: 500px;\n    }\n\n    .casestudy-hero-content h1 {\n        font-size: 38px;\n    }\n}\n\n@media (max-width: 768px) {\n    .casestudy-hero {\n        height: auto;\n        min-height: 480px;\n        padding: 100px 20px;\n    }\n\n    .casestudy-hero-content {\n        transform: translateY(0);\n    }\n\n    .casestudy-hero-content h1 {\n        font-size: 30px;\n        margin-bottom: 20px;\n    }\n\n    .casestudy-hero-content p {\n        font-size: 16px;\n        margin-bottom: 35px;\n    }\n\n    .casestudy-hero-btns {\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n    }\n\n    .hero-btn-primary,\n    .hero-btn-secondary {\n        width: 90%;\n        max-width: 320px;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .casestudy-hero-content h1 {\n        font-size: 26px;\n    }\n}\n\n.casestudy-breadcrumb {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 15px;\n    margin-top: 15px;\n    font-size: 16px;\n    font-weight: 500;\n}\n\n.casestudy-breadcrumb span {\n    display: flex;\n    align-items: center;\n    gap: 15px;\n    color: var(--color-white);\n}\n\n.breadcrumb-dot {\n    color: var(--color-primary); /* Green dot from mockup */\n    font-size: 24px;\n    font-weight: 700;\n}\n\n/* Case Study Grid Gallery Section */\n.casestudy-grid-section {\n    padding: 80px 40px;\n    background-color: var(--color-black);\n    /* Dark background as in screenshot */\n}\n\n.casestudy-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.casestudy-card-link {\n    text-decoration: none;\n    display: block;\n    color: inherit;\n    transition: all 0.3s ease;\n}\n\n.casestudy-card {\n    background-color: #eaf6e5;\n    /* Light greenish section from screenshot */\n    border-radius: 20px;\n    /* Large rounded corners as shown in mockup */\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\n    border: none;\n    height: 100%;\n}\n\n.casestudy-card-link:hover .casestudy-card {\n    transform: translateY(-12px);\n    box-shadow: 0 15px 40px rgba(84, 178, 72, 0.2);\n}\n\n.casestudy-card-img {\n    width: 100%;\n    aspect-ratio: 1 / 1;\n}\n\n.casestudy-card-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.casestudy-card-info {\n    padding: 22px 25px;\n    text-align: left;\n}\n\n.casestudy-card-title {\n    font-size: 19px;\n    font-weight: 700;\n    color: var(--color-primary);\n    /* Green title as shown */\n    margin-bottom: 10px;\n    line-height: 1.3;\n}\n\n.casestudy-card-divider {\n    width: 100%;\n    height: 1.7px;\n    background-color: #000;\n    margin-bottom: 15px;\n}\n\n.casestudy-card-location {\n    font-size: 15px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin: 0;\n}\n\n/* Responsive Overrides for Grid */\n@media (max-width: 1200px) {\n    .casestudy-grid {\n        grid-template-columns: repeat(3, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 991px) {\n    .casestudy-grid-section {\n        padding: 60px 25px;\n    }\n    \n    .casestudy-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .casestudy-grid-section {\n        padding: 50px 20px;\n    }\n\n    .casestudy-grid {\n        grid-template-columns: 1fr;\n        gap: 25px;\n        max-width: 480px;\n        margin: 0 auto;\n    }\n\n    .casestudy-card-title {\n        font-size: 17px;\n    }\n}"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;AAiBA;;;;;;;AAQA;;;;;;;;;;;AAWA;;;;;;;;AASA;;;;AAIA;;;;;;;;;;;;AAcA;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAkBA;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAkBA;;;;;;;AAQA;EACI;;;;;EAKA;;;;;AAKJ;EACI;;;;;;EAMA;;;;EAIA;;;;;EAKA;;;;;EAKA;;;;;;EAMA;;;;;;;AAQJ;EACI;;;;;AAKJ;;;;;;;;;;AAUA;;;;;;;AAOA;;;;;;AAOA;;;;;AAMA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;AAaA;;;;;AAKA;;;;;AAKA;;;;;;;AAOA;;;;;AAKA;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAQA;EACI;;;;;;AAMJ;EACI;;;;EAIA;;;;;;AAMJ;EACI;;;;EAIA;;;;;;;EAOA"}},
    {"offset": {"line": 8872, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/casestudy/casestudy2.css"],"sourcesContent":["/* Case Study Detail Page Specific Styles */\n\n.casestudy-detail-section {\n    padding: 80px 0;\n    background-color: var(--color-white);\n}\n\n.casestudy-container {\n    max-width: 1400px;\n    padding: 0 40px;\n    margin: 0 auto;\n}\n\n/* Sidebar Info Area */\n.casestudy-detail-wrapper {\n    display: grid;\n    grid-template-columns: 2fr 1fr;\n    gap: 60px;\n}\n\n.casestudy-info-box {\n    background-color: #f7fcf6; /* Lightest green for info box */\n    padding: 35px;\n    border-radius: 15px;\n    border: 1px solid #eaf6e5;\n    position: sticky;\n    top: 100px;\n}\n\n.casestudy-info-item {\n    margin-bottom: 25px;\n}\n\n.casestudy-info-item:last-child {\n    margin-bottom: 0;\n}\n\n.casestudy-info-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 700;\n    color: var(--color-primary);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: 5px;\n}\n\n.casestudy-info-value {\n    display: block;\n    font-size: 18px;\n    font-weight: 500;\n    color: var(--color-black);\n}\n\n/* Main Content Area */\n.casestudy-main-content h2 {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--color-black);\n    margin-bottom: 25px;\n}\n\n.casestudy-main-content p {\n    font-size: 18px;\n    line-height: 1.8;\n    color: #444;\n    margin-bottom: 30px;\n}\n\n.casestudy-feature-list {\n    list-style: none;\n    padding: 0;\n    margin: 30px 0;\n}\n\n.casestudy-feature-list li {\n    font-size: 18px;\n    color: #444;\n    margin-bottom: 15px;\n    padding-left: 30px;\n    position: relative;\n}\n\n.casestudy-feature-list li::before {\n    content: \"•\";\n    position: absolute;\n    left: 0;\n    color: var(--color-primary);\n    font-size: 24px;\n    font-weight: bold;\n}\n\n.casestudy-image-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 30px;\n    margin: 50px 0;\n}\n\n.casestudy-detail-img {\n    width: 100%;\n    border-radius: 15px;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n}\n\n.casestudy-detail-img img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n/* Responsive */\n@media (max-width: 991px) {\n    .casestudy-detail-wrapper {\n        grid-template-columns: 1fr;\n        gap: 40px;\n    }\n    \n    .casestudy-info-box {\n        position: static;\n        order: -1;\n    }\n}\n\n@media (max-width: 768px) {\n    .casestudy-container {\n        padding: 0 20px;\n    }\n    \n    .casestudy-detail-section {\n        padding: 50px 0;\n    }\n    \n    .casestudy-main-content h2 {\n        font-size: 26px;\n    }\n    \n    .casestudy-image-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n}\n"],"names":[],"mappings":"AAEA;;;;;AAKA;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;AAIA;;;;;;;;;;AAUA;;;;;;;AAQA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAOA;EACI;;;;;EAKA;;;;;;AAMJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 9012, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/casestudy/casestudyaddress.css"],"sourcesContent":["/* Case Study Address Section Styling */\n.cs-address-section {\n    padding: 15px 40px; /* Reduced to match 30px total gap standard */\n    background-color: var(--color-black); \n    color: var(--color-white);\n}\n\n.cs-address-header {\n    max-width: 1300px;\n    margin: 0 auto 60px auto;\n    text-align: center;\n}\n\n.cs-address-main-title {\n    font-size: 42px; /* Standardized to match Home Page H2 titles */\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--color-white);\n    font-family: var(--font-heading); /* Using Lexend Deca as per standard */\n}\n\n.cs-address-main-title .text-primary {\n    color: var(--color-primary);\n}\n\n.cs-address-container {\n    max-width: 1400px; /* Standard home page max-width */\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px;\n}\n\n/* Case Study Details Box - Mockup Match */\n.cs-details-box {\n    background-color: #f3faf1; /* Softer Mint Green from Mockup */\n    border: 4px solid var(--color-primary); \n    border-radius: 12px;\n    padding: 35px;\n    color: #1a1a1a;\n    display: flex;\n    flex-direction: column;\n}\n\n.cs-details-title {\n    font-size: 32px;\n    font-weight: 700;\n    color: var(--color-primary);\n    margin-bottom: 30px;\n    font-family: var(--font-heading);\n}\n\n.cs-details-row {\n    display: flex;\n    justify-content: space-between;\n    padding: 14px 0;\n    border-bottom: 2px solid rgba(84, 178, 72, 0.2); /* Thinner, subtle lines */\n    font-size: 18px;\n    font-weight: 600;\n}\n\n.cs-details-row:last-child {\n    border-bottom: none;\n}\n\n/* Real Map Section - Repositioned Button */\n.cs-map-box {\n    border-radius: 15px;\n    overflow: hidden;\n    position: relative;\n    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.6);\n    background: #111;\n    height: 100%;\n    min-height: 520px;\n}\n\n.cs-map-wrapper {\n    width: 100%;\n    height: 100%;\n    position: relative;\n}\n\n.cs-map-wrapper iframe {\n    width: 100%;\n    height: 100%;\n}\n\n/* Maps Overlay Button - Moved to Top-Right */\n.cs-map-overlay-btn {\n    position: absolute;\n    top: 25px;\n    right: 25px; /* Moved to Right to avoid blocking Google Info */\n    left: auto;\n    background-color: var(--color-white);\n    color: var(--color-black) !important;\n    padding: 10px 18px;\n    border-radius: 4px;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none !important;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n    z-index: 100;\n    border: 1px solid #ddd;\n    transition: all 0.3s ease;\n}\n\n.cs-map-overlay-btn:hover {\n    background-color: var(--color-primary);\n    color: var(--color-white) !important;\n    transform: translateY(-2px);\n}\n\n/* Responsive Overrides */\n@media (max-width: 991px) {\n    .cs-address-container {\n        grid-template-columns: 1fr;\n        gap: 30px;\n    }\n    \n    .cs-address-main-title {\n        font-size: 30px;\n    }\n    \n    .cs-map-wrapper {\n        min-height: 350px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cs-address-section {\n        padding: 50px 20px;\n    }\n    \n    .cs-address-main-title {\n        font-size: 24px;\n    }\n\n    .cs-details-box {\n        padding: 20px;\n    }\n    \n    .cs-details-row {\n        font-size: 15px;\n        padding: 10px 0;\n    }\n}\n"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;;;;AASA;;;;;;;;;;AAUA;;;;;;;;AAQA;;;;;;;;;AASA;;;;AAKA;;;;;;;;;;AAUA;;;;;;AAMA;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;AAqBA;;;;;;AAOA;EACI;;;;;EAKA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 9158, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/casestudy/casestudy2section3.css"],"sourcesContent":["/* Case Study 2 Section 3 Detail Content Styling */\n\n.cs2-content-section {\n    padding: 15px 40px; /* Standardize with 30px total gap rule */\n    background-color: var(--color-black); \n    color: var(--color-white);\n}\n\n.cs2-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n/* 3x2 Gallery Grid */\n.cs2-gallery-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n    margin-bottom: 80px;\n}\n\n.cs2-gallery-item {\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n    transition: transform 0.3s ease;\n}\n\n.cs2-gallery-item:hover {\n    transform: scale(1.02);\n}\n\n.cs2-gallery-item img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n/* Text Content Area */\n.cs2-text-content {\n    max-width: 1400px;\n}\n\n.cs2-content-block {\n    margin-bottom: 60px;\n}\n\n.cs2-heading {\n    color: var(--color-primary); /* Bright Green from Mockup */\n    font-size: 42px; /* Standardized to match Home Page Section Titles */\n    font-weight: 700;\n    margin-bottom: 25px;\n    font-family: var(--font-heading);\n    line-height: 1.2;\n}\n\n.cs2-content-block p {\n    font-size: 18px; /* Matching .about-text p standard */\n    line-height: 1.7;\n    color: #eeeeee; /* Matching .about-text color */\n    margin-bottom: 25px;\n    font-family: var(--font-body);\n}\n\n/* Bullet Lists */\n.cs2-list {\n    list-style: none;\n    padding: 0;\n    margin: 30px 0;\n}\n\n.cs2-list li {\n    font-size: 18px;\n    color: #eeeeee;\n    margin-bottom: 15px;\n    padding-left: 40px;\n    position: relative;\n    line-height: 1.6;\n    font-family: var(--font-body);\n}\n\n.cs2-list li::before {\n    content: \"⦿\"; /* Custom target icon to match mockup */\n    position: absolute;\n    left: 0;\n    color: var(--color-primary); /* Changed to Green for better standout */\n    font-size: 22px;\n    top: -2px;\n}\n\n.cs2-rate-text {\n    font-size: 20px;\n    font-weight: 700;\n    color: var(--color-white);\n    margin-bottom: 30px;\n    font-family: var(--font-heading);\n}\n\n/* Back Button */\n.cs2-back-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 12px;\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    padding: 14px 35px; /* Matching Hero Button Padding */\n    border-radius: 50px;\n    font-size: 16px;\n    font-weight: 700;\n    text-decoration: none;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 20px rgba(84, 178, 72, 0.4);\n}\n\n.cs2-back-btn:hover {\n    background-color: var(--color-white);\n    color: var(--color-primary);\n    transform: translateY(-3px);\n    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.2);\n}\n\n/* Responsive Overrides - Professional Standards */\n\n@media (max-width: 1200px) {\n    .cs2-gallery-grid {\n        gap: 20px;\n    }\n    \n    .cs2-heading {\n        font-size: 36px;\n    }\n}\n\n@media (max-width: 991px) {\n    .cs2-content-section {\n        padding: 80px 30px;\n    }\n\n    .cs2-gallery-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n        margin-bottom: 60px;\n    }\n    \n    .cs2-heading {\n        font-size: 32px;\n    }\n    \n    .cs2-content-block p, \n    .cs2-list li {\n        font-size: 17px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cs2-content-section {\n        padding: 60px 20px;\n    }\n    \n    .cs2-gallery-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n        margin-bottom: 50px;\n    }\n    \n    .cs2-heading {\n        font-size: 28px;\n        margin-bottom: 20px;\n    }\n    \n    .cs2-content-block {\n        margin-bottom: 40px;\n    }\n\n    .cs2-footer {\n        text-align: center;\n        width: 100%;\n    }\n\n    .cs2-back-btn {\n        width: 100%;\n        max-width: 320px;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .cs2-content-section {\n        padding: 50px 15px;\n    }\n    \n    .cs2-heading {\n        font-size: 24px;\n        line-height: 1.3;\n    }\n    \n    .cs2-content-block p, \n    .cs2-list li {\n        font-size: 16px;\n        line-height: 1.6;\n    }\n\n    .cs2-list li {\n        padding-left: 30px;\n    }\n\n    .cs2-list li::before {\n        font-size: 18px;\n    }\n}\n\n/* Professional Spacing Standardization - Fixed 50px Padding */\n.casestudy-detail-page section,\n.casestudy-detail-page .casestudy-hero,\n.casestudy-detail-page .cs-address-section,\n.casestudy-detail-page .cs2-content-section,\n.casestudy-detail-page .cs-articles-section,\n.casestudy-detail-page .contact-section {\n    padding-top: 50px !important;\n    padding-bottom: 50px !important;\n}\n\n/* Specific component overrides for Case Study Detail Page */\n.casestudy-detail-page .casestudy-hero {\n    margin-bottom: 0px;\n    padding-top: 100px !important; /* Keep enough space for hero content top */\n    padding-bottom: 50px !important;\n    height: auto !important;\n    min-height: 480px !important;\n}\n"],"names":[],"mappings":"AAEA;;;;;;AAMA;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;AAIA;;;;;;AAOA;;;;AAIA;;;;AAIA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;;;;;AASA;;;;;;;;AASA;;;;;;;;;;;;;;;;AAgBA;;;;;;;AASA;EACI;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;AAMJ;EACI;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;;EAKA;;;;;;;AAOJ;EACI;;;;EAIA;;;;;EAKA;;;;;EAMA;;;;EAIA;;;;;AAMJ;;;;;AAWA"}},
    {"offset": {"line": 9374, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/casestudy/casestudy2Articles.css"],"sourcesContent":["/* Related Articles Section Styles - Home Standardized */\n\n.cs-articles-section {\n    padding: 50px 40px;\n    /* Standardize with 50px vertical gap rule */\n    background-color: var(--color-black);\n    color: var(--color-white);\n}\n\n.cs-articles-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.cs-articles-header {\n    text-align: center;\n    margin-bottom: 50px;\n    /* Matching standard section rhythm */\n}\n\n.cs-articles-header .section-title {\n    font-size: 42px;\n    /* Standardized to match Home Page Section Titles */\n    font-weight: 700;\n    font-family: var(--font-heading);\n    margin-bottom: 20px;\n    color: var(--color-white);\n    line-height: 1.2;\n}\n\n.cs-articles-header .section-subtitle {\n    font-size: 18px;\n    /* Matching Home Page Section Descriptions */\n    color: #eeeeee;\n    font-family: var(--font-body);\n    max-width: 800px;\n    margin: 0 auto;\n    line-height: 1.6;\n}\n\n/* Articles Grid */\n.cs-articles-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n/* Article Card */\n.cs-article-card {\n    background-color: #f3faf1;\n    /* Softer Mint Green from Detail Page standards */\n    border-radius: 20px;\n    overflow: hidden;\n    display: flex;\n    flex-direction: column;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);\n    height: 100%;\n    transition: all 0.4s ease;\n}\n\n.cs-article-card:hover {\n    transform: translateY(-10px);\n}\n\n.cs-article-img {\n    width: 100%;\n    aspect-ratio: 16 / 9;\n    overflow: hidden;\n    border-bottom: 3px solid var(--color-primary);\n}\n\n.cs-article-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\n}\n\n.cs-article-card:hover .cs-article-img img {\n    transform: scale(1.1);\n}\n\n.cs-article-info {\n    padding: 30px;\n    /* Generous padding like home cards */\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.cs-article-title {\n    font-size: 26px;\n    /* User requested 26px for card title */\n    font-weight: 600;\n    color: var(--color-primary);\n    margin-bottom: 12px;\n    font-family: var(--font-heading);\n    /* Poppins */\n    line-height: 1.3;\n}\n\n.cs-article-desc {\n    font-size: 18px;\n    /* User requested 18px */\n    line-height: 1.6;\n    color: #000000;\n    margin-bottom: 30px;\n    font-weight: 600;\n    font-family: var(--font-body);\n    /* Lexend Deca */\n    flex-grow: 1;\n}\n\n/* Read More Button - Pill style matching mockup */\n.cs-article-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    border: 2px solid var(--color-primary);\n    color: var(--color-primary);\n    padding: 10px 25px;\n    border-radius: 50px;\n    font-size: 15px;\n    font-weight: 700;\n    text-decoration: none;\n    font-family: var(--font-heading);\n    align-self: flex-start;\n    transition: all 0.3s ease;\n}\n\n.cs-article-btn:hover {\n    background-color: var(--color-primary);\n    color: var(--color-white);\n    box-shadow: 0 5px 15px rgba(84, 178, 72, 0.4);\n}\n\n/* Response Fixes */\n@media (max-width: 1200px) {\n    .cs-articles-header .section-title {\n        font-size: 36px;\n    }\n}\n\n@media (max-width: 991px) {\n    .cs-articles-grid {\n        grid-template-columns: repeat(2, 1fr);\n        gap: 20px;\n    }\n    \n    .cs-articles-header .section-title {\n        font-size: 32px;\n    }\n\n    .cs-article-title {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .cs-articles-grid {\n        grid-template-columns: 1fr;\n        max-width: 450px;\n        margin: 0 auto;\n    }\n\n    .cs-article-title {\n        font-size: 20px;\n    }\n\n    .cs-article-desc {\n        font-size: 16px;\n    }\n\n    .cs-articles-header .section-title {\n        font-size: 28px;\n    }\n}\n\n@media (max-width: 480px) {\n    .cs-article-info {\n        padding: 20px;\n    }\n\n    .cs-article-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n/* Professional Spacing Standardization - Fixed 50px Padding */\n.casestudy-detail-page section,\n.casestudy-detail-page .casestudy-hero,\n.casestudy-detail-page .cs-address-section,\n.casestudy-detail-page .cs2-content-section,\n.casestudy-detail-page .cs-articles-section,\n.casestudy-detail-page .contact-section {\n    padding-top: 50px !important;\n    padding-bottom: 50px !important;\n}\n\n/* Specific component overrides for Case Study Detail Page */\n.casestudy-detail-page .casestudy-hero {\n    margin-bottom: 0px;\n    padding-top: 100px !important; /* Keep enough space for hero content top */\n    padding-bottom: 50px !important;\n    height: auto !important;\n    min-height: 480px !important;\n}"],"names":[],"mappings":"AAEA;;;;;;AAOA;;;;;AAKA;;;;;AAMA;;;;;;;;;AAUA;;;;;;;;;AAWA;;;;;;AAOA;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;AAOA;;;;;;;AAOA;;;;AAIA;;;;;;;AAQA;;;;;;;;;AAWA;;;;;;;;;;AAaA;;;;;;;;;;;;;;;;AAgBA;;;;;;AAOA;EACI;;;;;AAKJ;EACI;;;;;EAKA;;;;EAIA;;;;;AAKJ;EACI;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;;;AAOJ;;;;;AAWA"}},
    {"offset": {"line": 9561, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/serviceBenifits.css"],"sourcesContent":[".service-benefits-section {\n    padding: 30px 40px;\n    background-color: #0d0d0d;\n}\n\n.service-benefits-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.service-benefits-header {\n    margin-bottom: 50px;\n}\n\n.service-benefits-title {\n    font-size: 42px;\n    font-family: var(--font-heading);\n    font-weight: 700;\n    margin-bottom: 25px;\n    color: white;\n    line-height: 1.25;\n}\n\n.service-benefits-subtitle {\n    font-size: 18px;\n    font-family: var(--font-body);\n    color: #ffffff;\n    max-width: 950px;\n    margin: 0 auto;\n    line-height: 1.6;\n    font-weight: 500;\n    opacity: 0.9;\n}\n\n.benefits-box {\n    background-color: #f0f7ef;\n    /* Light green background from image */\n    border: 2px dashed #54b248;\n    border-radius: 10px;\n    padding: 10px 40px;\n    max-width: 1400px;\n    margin: 0 auto 50px;\n    text-align: left;\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n}\n\n.benefits-list-simple {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.benefit-item-simple {\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    padding: 15px 0;\n    border-bottom: 1.5px solid rgba(84, 178, 72, 0.15);\n}\n\n.benefit-item-simple:last-child {\n    border-bottom: none;\n}\n\n.check-icon-wrapper {\n    flex-shrink: 0;\n    margin-top: 4px;\n}\n\n.benefit-text-simple {\n    font-size: 18px;\n    font-weight: 600;\n    color: #1a1a1a;\n    line-height: 1.5;\n    font-family: var(--font-body);\n}\n\n.service-benefits-footer {\n    font-size: 18px;\n    font-family: var(--font-body);\n    color: #ffffff;\n    max-width: 1050px;\n    margin: 0 auto;\n    line-height: 1.6;\n    font-weight: 500;\n    opacity: 0.9;\n}\n\n/* Responsive Styles matching Home Page Standards */\n@media (max-width: 1024px) {\n    .service-benefits-section {\n        padding: 60px 20px;\n    }\n\n    .service-benefits-title {\n        font-size: 32px;\n    }\n\n    .benefits-box {\n        padding: 40px;\n    }\n}\n\n@media (max-width: 768px) {\n    .service-benefits-section {\n        padding: 40px 0;\n    }\n\n    .service-benefits-container {\n        padding: 0 20px;\n    }\n\n    .service-benefits-title {\n        font-size: 26px !important;\n        line-height: 1.3;\n        margin-bottom: 20px;\n    }\n\n    .service-benefits-subtitle {\n        font-size: 15px !important;\n        margin-bottom: 30px;\n    }\n\n    .benefits-box {\n        padding: 30px 20px;\n        border-radius: 20px;\n    }\n\n    .benefit-text-simple {\n        font-size: 16px;\n    }\n\n    .service-benefits-footer {\n        font-size: 15px !important;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;AAKA;;;;;;AAMA;;;;AAIA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;;;;;;;AAYA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;;;AAYA;EACI;;;;EAIA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;;EAKA;;;;EAIA"}},
    {"offset": {"line": 9698, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/serviceserving.css"],"sourcesContent":[".service-serving-section {\n    padding: 30px 40px;\n    background-color: #000000;\n    width: 100%;\n}\n\n.service-serving-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.service-serving-header {\n    margin-bottom: 50px;\n    width: 100%;\n}\n\n.service-serving-title {\n    font-size: 42px;\n    font-family: var(--font-heading);\n    font-weight: 700;\n    margin-bottom: 25px;\n    color: white;\n    line-height: 1.25;\n}\n\n.service-serving-subtitle {\n    font-size: 18px;\n    font-family: var(--font-body);\n    color: #ffffff;\n    max-width: 950px;\n    margin: 0 auto;\n    line-height: 1.6;\n    font-weight: 500;\n    opacity: 0.9;\n}\n\n.serving-grid {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 15px;\n    max-width: 1100px;\n    margin: 0 auto 40px;\n}\n\n.serving-tag {\n    padding: 12px 35px;\n    border: 1.5px solid #ffffff;\n    border-radius: 50px;\n    color: #ffffff;\n    font-size: 18px;\n    font-weight: 600;\n    font-family: var(--font-heading);\n    transition: all 0.3s ease;\n}\n\n.serving-tag:hover {\n    background-color: rgba(255, 255, 255, 0.1);\n    transform: translateY(-2px);\n}\n\n.service-serving-footer {\n    font-size: 18px;\n    font-family: var(--font-body);\n    color: #ffffff;\n    max-width: 950px;\n    margin: 0 auto;\n    line-height: 1.6;\n    font-weight: 500;\n    opacity: 0.9;\n}\n\n/* Responsive Styles matching Home Page Standards */\n@media (max-width: 1024px) {\n    .service-serving-section {\n        padding: 60px 40px;\n    }\n\n    .service-serving-title {\n        font-size: 32px;\n    }\n}\n\n@media (max-width: 768px) {\n    .service-serving-section {\n        padding: 40px 20px;\n    }\n\n    .service-serving-title {\n        font-size: 26px !important;\n        line-height: 1.3;\n        margin-bottom: 20px;\n    }\n\n    .service-serving-subtitle {\n        font-size: 15px !important;\n        margin-bottom: 30px;\n    }\n\n    .serving-grid {\n        gap: 10px;\n    }\n\n    .serving-tag {\n        padding: 8px 15px;\n        font-size: 14px;\n        border-width: 1px;\n    }\n\n    .service-serving-footer {\n        font-size: 15px !important;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;;;AASA;;;;;AAKA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;;;;;AASA;;;;;;;;;;;AAWA;;;;;AAKA;;;;;;;;;;;AAYA;EACI;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;;;EAMA;;;;;EAKA;;;;EAIA;;;;;;EAMA"}},
    {"offset": {"line": 9816, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus4.css"],"sourcesContent":[".about-us4-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n    overflow: hidden;\n}\n\n.about-us4-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 20px;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n}\n\n.about-us4-content {\n    flex: 1.2;\n    /* Give more weight to text side to prevent stretching images */\n}\n\n.about-us4-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    line-height: 1.25; /* Match Home Page */\n    margin-bottom: 25px;\n    color: #ffffff;\n    max-width: 500px;\n}\n\n.about-us4-section .title .text-secondary {\n    color: #54b248;\n}\n\n.about-us4-section .desc {\n    font-size: 18px;\n    line-height: 1.7; /* Match Home Page */\n    color: #ffffff;\n    font-weight: 400;\n    max-width: 500px;\n}\n\n/* Gallery Styling - Fixed to match the 'Tall' look from screenshot */\n.about-us4-gallery {\n    flex: 1.8;\n    display: flex;\n    gap: 15px;\n    height: 450px;\n    /* Force height to ensure tall aspect ratio */\n}\n\n.main-image-wrapper {\n    flex: 2;\n}\n\n.side-images-wrapper {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    justify-content: flex-end;\n    /* Dono images niche se ayengi */\n    align-items: flex-start;\n    /* Upar waali image ab left side se align hogi */\n}\n\n.about-us4-img-main {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    border-radius: 24px;\n    /* Matches the rounded look */\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n}\n\n.about-us4-img-side {\n    width: 100%;\n    object-fit: cover;\n    border-radius: 16px;\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);\n}\n\n.about-us4-img-side.img-top {\n    height: 25%;\n    /* Chhoti height */\n    width: 70%;\n    /* Width kam kar di */\n}\n\n.about-us4-img-side.img-bottom {\n    height: 45%;\n    /* Bada size */\n    width: 100%;\n    /* Full width */\n}\n\n/* Responsiveness */\n@media (max-width: 1024px) {\n    .about-us4-container {\n        flex-direction: column;\n        text-align: center;\n        gap: 40px;\n    }\n\n    .about-us4-title {\n        font-size: 32px;\n        max-width: 100%;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .about-us4-description {\n        max-width: 100%;\n    }\n\n    .about-us4-gallery {\n        width: 100%;\n        height: 400px; /* Reduced fixed height for tablets */\n    }\n}\n\n@media (max-width: 768px) {\n    .about-us4-gallery {\n        height: auto; /* Remove fixed height on small screens */\n        flex-direction: column;\n        gap: 20px;\n    }\n\n    .main-image-wrapper, .side-images-wrapper {\n        flex: none;\n        width: 100%;\n    }\n\n    .side-images-wrapper {\n        flex-direction: row;\n        height: 200px;\n        align-items: stretch;\n        gap: 15px; /* Added consistent gap for mobile side-by-side images */\n    }\n\n    .about-us4-img-side.img-top,\n    .about-us4-img-side.img-bottom {\n        width: calc(50% - 7.5px); /* Ensure accurate 50% split with gap */\n        height: 100%;\n    }\n}\n\n@media (max-width: 480px) {\n    .about-us4-gallery {\n        gap: 10px; /* Slimmer gaps for very small screens */\n    }\n    \n    .side-images-wrapper {\n        height: 150px;\n        gap: 10px;\n    }\n\n    .about-us4-img-side.img-top,\n    .about-us4-img-side.img-bottom {\n        width: calc(50% - 5px);\n    }\n    \n    .about-us4-title {\n        font-size: 28px;\n    }\n}\n"],"names":[],"mappings":"AAAA;;;;;;;AAOA;;;;;;;;;AASA;;;;AAKA;;;;;;;;;AASA;;;;AAIA;;;;;;;;AASA;;;;;;;AAQA;;;;AAIA;;;;;;;;;AAWA;;;;;;;;AASA;;;;;;;AAOA;;;;;AAOA;;;;;AAQA;EACI;;;;;;EAMA;;;;;;;EAOA;;;;EAIA;;;;;;AAMJ;EACI;;;;;;EAMA;;;;;EAKA;;;;;;;EAOA;;;;;;AAOJ;EACI;;;;EAIA;;;;;EAKA;;;;EAKA"}},
    {"offset": {"line": 9971, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus5.css"],"sourcesContent":[".aboutus5-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.aboutus5-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    display: flex;\n    align-items: center;\n    gap: 80px;\n}\n\n.aboutus5-left {\n    flex: 1;\n}\n\n.aboutus5-main-img {\n    width: 100%;\n    height: auto;\n    object-fit: contain;\n}\n\n.aboutus5-right {\n    flex: 1.5;\n}\n\n.aboutus5-section .title {\n    font-size: 42px;\n    /* Standardized to 42px */\n    font-weight: 700;\n    line-height: 1.25;\n    margin-bottom: 30px;\n}\n\n.aboutus5-section .title .text-secondary {\n    color: #54b248;\n}\n\n.aboutus5-section .desc {\n    font-size: 18px;\n    line-height: 1.7;\n    /* Match Home Page */\n    color: #ffffff;\n    margin-bottom: 40px;\n    font-weight: 400;\n}\n\n.aboutus5-mission-vision {\n    display: flex;\n    gap: 40px;\n    margin-bottom: 40px;\n}\n\n.mv-box {\n    flex: 1;\n}\n\n.aboutus5-section .subtitle {\n    font-size: 24px;\n    color: #54b248;\n    /* Brand Green */\n    margin-bottom: 15px;\n    font-weight: 700;\n}\n\n.aboutus5-section .desc {\n    font-size: 18px;\n    /* Standardize to 18px */\n    line-height: 1.6;\n    color: #eeeeee;\n    /* Standardize to #eeeeee */\n}\n\n/* Awards Section */\n.aboutus5-awards-section {\n    margin-top: 40px;\n}\n\n.awards-grid {\n    display: flex;\n    gap: 30px;\n    margin-top: 25px;\n}\n\n.award-item {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    text-align: center;\n    border-left: 1px solid #333;\n    padding-left: 20px;\n}\n\n.award-item:first-child {\n    border-left: none;\n    padding-left: 0;\n}\n\n.award-item img {\n    height: 120px;\n    object-fit: contain;\n    margin-bottom: 15px;\n}\n\n.award-info {\n    display: flex;\n    flex-direction: column;\n    gap: 5px;\n}\n\n.award-year {\n    font-size: 22px;\n    font-weight: 700;\n    color: #ffffff;\n}\n\n.award-name {\n    font-size: 14px;\n    color: #aaaaaa;\n    line-height: 1.4;\n}\n\n/* Response Design */\n@media (max-width: 1024px) {\n    .aboutus5-container {\n        flex-direction: column;\n        gap: 50px;\n        text-align: center;\n        padding: 0 20px;\n    }\n\n    .aboutus5-right .title {\n        text-align: center;\n        margin-left: auto;\n        margin-right: auto;\n    }\n\n    .aboutus5-mission-vision {\n        text-align: left;\n        justify-content: center;\n    }\n\n    .awards-grid {\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .aboutus5-section .title {\n        font-size: 32px;\n    }\n\n    .aboutus5-mission-vision {\n        flex-direction: column;\n        gap: 30px;\n    }\n\n    .award-item {\n        border-left: none;\n        padding-left: 0;\n        width: 100%;\n        margin-bottom: 20px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;AAIA;;;;;;;;AASA;;;;;;AAMA;;;;AAIA;;;;;;;AAQA;;;;;;AASA;;;;AAIA;;;;;;AAMA;;;;;;;;;;AAUA;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;AAOA;EACI;;;;;;;EAOA;;;;;;EAMA;;;;;EAKA;;;;;;;AAOJ;EACI;;;;EAIA;;;;;EAKA"}},
    {"offset": {"line": 10136, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus6.css"],"sourcesContent":[".about-us6-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.about-us6-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.about-us6-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.about-us6-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    line-height: 1.25;\n}\n\n.about-us6-section .title .text-secondary {\n    color: #54b248;\n    /* 'Guided' in Green */\n}\n\n.about-us6-section .desc.centered {\n    max-width: 820px;\n    margin: 0 auto;\n    font-size: 18px;\n    line-height: 1.7;\n    color: #eeeeee;\n}\n\n/* 3-Column Grid matching screenshot */\n.values-list-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 30px;\n}\n\n.value-item-card {\n    background-color: #ffffff;\n    padding: 30px 25px;\n    border-radius: 12px;\n    border: none; /* Removed static border to match IndustriesSection */\n    display: flex;\n    flex-direction: column;\n    gap: 15px;\n    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.1);\n    position: relative;\n    overflow: hidden;\n    cursor: pointer;\n}\n\n/* Right Line Effect */\n.value-item-card::before {\n    content: '';\n    position: absolute;\n    right: 0;\n    top: 0;\n    width: 6px;\n    height: 100%;\n    background-color: #54b248;\n    opacity: 0;\n    transition: opacity 0.2s ease;\n    z-index: 5;\n}\n\n/* Bottom Line Effect - Right to Left */\n.value-item-card::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 0;\n    height: 6px;\n    background-color: #54b248;\n    transition: width 0.4s ease;\n    z-index: 5;\n}\n\n.value-item-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.2);\n}\n\n.value-item-card:hover::before {\n    opacity: 1;\n}\n\n.value-item-card:hover::after {\n    width: 100%;\n}\n\n\n.small-icon {\n    width: 60px;\n    height: 60px;\n    display: flex;\n    align-items: center;\n    margin-bottom: 5px;\n}\n\n.small-icon img {\n    height: 100%;\n    width: auto;\n    object-fit: contain;\n    transition: transform 0.3s ease;\n}\n\n.value-item-card:hover .small-icon img {\n    transform: scale(1.1);\n}\n\n\n.value-item-card .subtitle {\n    font-size: 26px;\n    /* BestArchitectureSection standard */\n    color: #54b248;\n    font-weight: 600;\n    /* BestArchitectureSection standard */\n    margin-bottom: 5px;\n}\n\n.value-item-card .desc {\n    font-size: 18px;\n    /* BestArchitectureSection standard */\n    line-height: 1.4;\n    /* BestArchitectureSection standard */\n    color: #333333;\n    /* Reserving dark gray for card on white */\n    font-weight: 500;\n    /* BestArchitectureSection standard */\n    margin: 0;\n}\n\n/* Responsiveness */\n@media (max-width: 1200px) {\n    .values-list-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n@media (max-width: 1024px) {\n    .about-us6-header .desc.centered {\n        max-width: 100%;\n        padding: 0 20px;\n    }\n}\n\n@media (max-width: 768px) {\n    .about-us6-section .title {\n        font-size: 32px;\n    }\n\n    .values-list-grid {\n        grid-template-columns: 1fr;\n        gap: 20px;\n    }\n\n    .value-item-card {\n        padding: 25px 20px;\n        text-align: center;\n        align-items: center; /* Center icons and text on mobile */\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;AAKA;;;;;;;;AASA;;;;;;AAMA;;;;;;;;;;;;;;;AAgBA;;;;;;;;;;;;;AAcA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;AAIA;;;;AAKA;;;;;;;;AAQA;;;;;;;AAOA;;;;AAKA;;;;;;;AASA;;;;;;;;AAaA;EACI;;;;;AAKJ;EACI;;;;;;AAMJ;EACI;;;;EAIA;;;;;EAKA"}},
    {"offset": {"line": 10296, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus7.css"],"sourcesContent":[".aboutus7-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.aboutus7-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n    display: flex;\n    align-items: center;\n    gap: 80px;\n}\n\n.aboutus7-left {\n    flex: 1.2;\n}\n\n.aboutus7-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    line-height: 1.25;\n}\n\n.aboutus7-section .title .text-secondary {\n    color: #54b248;\n}\n\n.aboutus7-section .subtitle {\n    font-size: 20px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    line-height: 1.4;\n}\n\n.aboutus7-section .desc {\n    font-size: 18px;\n    line-height: 1.7;\n    color: #eeeeee;\n    margin-bottom: 35px;\n    font-weight: 500;\n}\n\n.ceo-info {\n    margin-bottom: 35px;\n}\n\n.ceo-name {\n    color: #54b248;\n    font-size: 22px;\n    font-weight: 700;\n    margin-bottom: 5px;\n}\n\n.ceo-title {\n    font-size: 18px;\n    font-weight: 700;\n    color: #ffffff;\n}\n\n/* Button Styling matching screenshot */\n.ceo-cta-btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    background-color: #ffffff;\n    color: #54b248;\n    padding: 12px 25px;\n    border-radius: 50px;\n    font-weight: 600;\n    text-decoration: none;\n    transition: all 0.3s ease;\n    font-size: 16px;\n}\n\n.ceo-cta-btn:hover {\n    background-color: #54b248;\n    color: #ffffff;\n    transform: translateY(-3px);\n}\n\n.aboutus7-right {\n    flex: 1;\n    display: flex;\n    /* Necessary to allow image to stretch height */\n}\n\n.ceo-main-img {\n    width: 100%;\n    height: 100%;\n    /* Fill container height to match left content */\n    object-fit: cover;\n    border-radius: 20px;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\n    min-height: 450px;\n    /* Ensures a good size even with less text */\n}\n\n/* Responsiveness */\n@media (max-width: 1024px) {\n    .aboutus7-container {\n        flex-direction: column;\n        gap: 50px;\n        text-align: center;\n    }\n\n    .ceo-cta-btn {\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 768px) {\n    .aboutus7-section .title {\n        font-size: 32px;\n    }\n\n    .aboutus7-section .desc {\n        font-size: 16px;\n    }\n\n    .ceo-name {\n        font-size: 20px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;;;;AASA;;;;AAIA;;;;;;;AAOA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAQA;;;;AAIA;;;;;;;AAOA;;;;;;AAOA;;;;;;;;;;;;;;AAcA;;;;;;AAMA;;;;;AAMA;;;;;;;;;AAYA;EACI;;;;;;EAMA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 10419, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus8.css"],"sourcesContent":[".aboutus8-section {\n    padding: 50px 0;\n    background-color: #000000;\n    color: #ffffff;\n}\n\n.aboutus8-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.aboutus8-header {\n    text-align: center;\n    margin-bottom: 40px;\n}\n\n.aboutus8-section .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 25px;\n    line-height: 1.25;\n}\n\n.aboutus8-section .title .text-secondary {\n    color: #54b248;\n}\n\n.aboutus8-section .desc.centered {\n    max-width: 820px;\n    margin: 0 auto;\n    font-size: 18px;\n    line-height: 1.7;\n    color: #eeeeee;\n}\n\n/* Card Outer Wrapper for Navigation */\n.card-outer-wrapper {\n    position: relative;\n    max-width: 1100px;\n    margin: 40px auto 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n/* Card Design - RESTORED */\n.aboutus8-card {\n    background-color: #ffffff;\n    border: 3px solid #54b248;\n    border-radius: 40px;\n    padding: 30px;\n    position: relative;\n    width: 100%;\n    height: 500px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    text-align: center;\n    overflow: hidden;\n}\n\n/* Avatar Cloud - RESTORED */\n.avatar-cloud {\n    position: relative;\n    width: 100%;\n    height: 180px;\n    margin-bottom: 20px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.avatar {\n    position: absolute;\n    border-radius: 50%;\n    overflow: hidden;\n    border: 2px solid #54b248;\n    background-color: #f0f0f0;\n    margin-left: -30px;\n    /* Half of small avatar width (60px) */\n}\n\n.avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n/* Base Styles */\n.avatar.large {\n    width: 140px;\n    height: 140px;\n    z-index: 5;\n    margin-left: -70px;\n    /* Half of large avatar width (140px) */\n}\n\n.avatar.small {\n    width: 60px;\n    height: 60px;\n    z-index: 2;\n}\n\n.avatar.tiny {\n    width: 45px;\n    height: 45px;\n    z-index: 2;\n    background-color: #e8f5e9;\n    padding: 8px;\n    margin-left: -22.5px;\n}\n\n.avatar.tiny img {\n    object-fit: contain;\n}\n\n/* ==========================================================================\n   USER EDITABLE POSITIONS - Edit top/left % below to shift the cloud images\n   ========================================================================== */\n\n/* --- LEFT CLOUD --- */\n.avatar-cloud .avatar.t-left-top {\n    top: 10%;\n    left: 5%;\n}\n\n.avatar-cloud .avatar.t-left-bottom {\n    top: 55%;\n    left: 20%;\n}\n\n.avatar-cloud .avatar.t-mid-left {\n    top: 15%;\n    left: 35%;\n}\n\n/* --- CENTER (MAIN) --- */\n.avatar-cloud .avatar.t-center {\n    top: 15%;\n    left: 50%;\n}\n\n/* --- RIGHT CLOUD --- */\n.avatar-cloud .avatar.t-mid-right {\n    top: 15%;\n    left: 67%;\n}\n\n.avatar-cloud .avatar.t-right-top {\n    top: 50%;\n    left: 81%;\n}\n\n.avatar-cloud .avatar.t-right-bottom {\n    top: 10%;\n    left: 96%;\n}\n\n/* --- BUFFER SLOTS (Entry/Exit Points) --- */\n.avatar-cloud .avatar.t-off-left-1 {\n    left: -10%;\n    top: 20%;\n}\n\n.avatar-cloud .avatar.t-off-left-2 {\n    left: -25%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-left-3 {\n    left: -40%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-right-1 {\n    left: 110%;\n    top: 20%;\n}\n\n.avatar-cloud .avatar.t-off-right-2 {\n    left: 125%;\n    top: 40%;\n}\n\n.avatar-cloud .avatar.t-off-right-3 {\n    left: 140%;\n    top: 40%;\n}\n\n/* CTA Slide - RESTORED */\n.aboutus8-card.cta-slide {\n    background-color: #54b248;\n    border-color: #ffffff;\n}\n\n.cta-slide .client-name {\n    color: #ffffff !important;\n    font-size: 38px;\n}\n\n.cta-slide .client-quote {\n    color: #ffffff !important;\n    font-weight: 500;\n}\n\n.cta-slide .avatar {\n    border-color: #ffffff;\n}\n\n/* Testimonial Content - RESTORED */\n.testimonial-content {\n    margin-bottom: 30px;\n}\n\n.client-name {\n    color: #2e7d32 !important;\n    /* Deep Green for maximum contrast */\n    font-size: 30px;\n    font-weight: 700;\n    margin-bottom: 20px;\n}\n\n.client-quote {\n    font-size: 18px;\n    line-height: 1.6;\n    color: #1a1a1a !important;\n    /* Near Black for maximum readability */\n    max-width: 800px;\n    margin: 0 auto;\n    font-weight: 500;\n}\n\n/* Nav Buttons - POSITIONED INSIDE */\n.nav-btn {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 45px;\n    height: 45px;\n    border-radius: 50%;\n    background-color: #54b248;\n    /* Default Green for white cards */\n    color: #ffffff;\n    /* White Arrow */\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 50;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.ctaslide-btns .nav-btn {\n    background-color: #ffffff;\n    /* White for green card */\n    color: #54b248;\n    /* Green Arrow */\n}\n\n.nav-btn:hover {\n    transform: translateY(-50%) scale(1.1);\n    background-color: #46a03c;\n}\n\n.ctaslide-btns .nav-btn:hover {\n    background-color: #f0f0f0;\n}\n\n.nav-btn.prev {\n    left: 20px;\n}\n\n.nav-btn.next {\n    right: 20px;\n}\n\n/* Card Footer - RESTORED */\n.card-footer {\n    position: absolute;\n    bottom: 40px;\n    display: flex;\n    gap: 20px;\n}\n\n.btn-solid {\n    background-color: #54b248;\n    color: #ffffff;\n    border: none;\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n}\n\n.btn-solid.white-btn {\n    background-color: #ffffff;\n    color: #54b248;\n}\n\n.btn-outline {\n    background-color: transparent;\n    color: #54b248;\n    border: 1px solid #54b248;\n    padding: 12px 30px;\n    border-radius: 50px;\n    font-weight: 600;\n    font-size: 16px;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.3s ease;\n}\n\n.btn-outline.white-outline {\n    color: #ffffff;\n    border-color: #ffffff;\n}\n\n/* Modal Styles */\n.video-modal-overlay {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.9);\n    z-index: 9999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n}\n\n.video-modal-content {\n    width: 90%;\n    max-width: 800px;\n    position: relative;\n}\n\n.video-modal-close {\n    position: absolute;\n    top: -40px;\n    right: 0;\n    background: none;\n    border: none;\n    color: #fff;\n    font-size: 40px;\n    cursor: pointer;\n}\n\n/* Responsive */\n@media (max-width: 991px) {\n    .testimonial-white-card {\n        padding: 40px 20px;\n        min-height: 800px;\n    }\n\n    .content-reveal-section .tagline {\n        font-size: 28px;\n    }\n\n    .avatar.center-main {\n        width: 130px;\n        height: 130px;\n    }\n\n    .avatar.center-main .img-wrap {\n        width: 130px;\n        height: 130px;\n    }\n}\n\n/* --- RESPONSIVENESS --- */\n@media (max-width: 1024px) {\n    .aboutus8-card {\n        padding: 40px 30px;\n        min-height: 500px;\n    }\n\n    .avatar.large {\n        width: 120px;\n        height: 120px;\n        margin-left: -60px;\n    }\n\n    .avatar.small {\n        width: 50px;\n        height: 50px;\n    }\n\n    .client-name {\n        font-size: 22px;\n    }\n}\n\n@media (max-width: 768px) {\n    .aboutus8-section {\n        padding: 40px 10px;\n    }\n\n    .aboutus8-card {\n        padding: 15px 15px;\n        min-height: 480px;\n        border-radius: 30px;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    .avatar-cloud {\n        height: 140px;\n        /* Reduced height for mobile */\n        margin-bottom: 30px;\n        width: 100%;\n        position: relative;\n    }\n\n    .avatar.large {\n        width: 90px;\n        height: 90px;\n        margin-left: -45px;\n        top: 20px;\n        border-width: 2px;\n    }\n\n    .avatar.small {\n        width: 42px;\n        height: 42px;\n        border-width: 1.5px;\n        margin-left: -21px;\n    }\n\n    /* Spread out Right side avatars to prevent overlap */\n    .avatar-cloud .avatar.t-mid-left {\n        left: 18%;\n        top: 15%;\n    }\n\n    .avatar-cloud .avatar.t-left-bottom {\n        left: 12%;\n        top: 58%;\n    }\n\n    .avatar-cloud .avatar.t-mid-right {\n        left: 82%;\n        top: 15%;\n    }\n\n    .avatar-cloud .avatar.t-right-bottom {\n        left: 88%;\n        top: 62%;\n    }\n\n    /* Shifted down more */\n\n    /* Animation Keep-Alive */\n    .avatar-cloud .avatar.t-left-top,\n    .avatar-cloud .avatar.t-right-top,\n    .avatar-cloud .avatar.t-off-left-1,\n    .avatar-cloud .avatar.t-off-right-1 {\n        opacity: 0.15;\n        transform: scale(0.4);\n    }\n\n    .client-name {\n        color: #2e7d32 !important;\n        font-size: 19px;\n        margin-top: 10px;\n        margin-bottom: 10px;\n    }\n\n    .client-quote {\n        color: #1a1a1a !important;\n        font-size: 14px;\n        line-height: 1.5;\n        padding: 0 15px;\n        margin-bottom: 15px;\n    }\n\n    /* Fixed Testimonial CTA slide sizing */\n    .cta-slide .client-name {\n        font-size: 24px !important;\n    }\n\n    .nav-btn {\n        width: 40px;\n        height: 40px;\n        top: 35% !important;\n        /* Moved higher to avoid content overlap */\n        left: 8px !important;\n        background-color: #54b248;\n        display: flex !important;\n    }\n\n    .nav-btn.next {\n        left: auto !important;\n        right: 8px !important;\n    }\n\n    .card-footer {\n        position: relative;\n        /* Remove absolute for better mobile flow */\n        bottom: auto;\n        flex-direction: column;\n        gap: 10px;\n        margin-top: 10px;\n        width: 100%;\n    }\n\n    .btn-solid,\n    .btn-outline {\n        width: 100%;\n        max-width: 100%;\n        padding: 10px 20px;\n        font-size: 14px;\n        justify-content: center;\n    }\n\n    .aboutus8-section .desc.centered {\n        font-size: 15px;\n        padding: 0 15px;\n    }\n\n    .side-nav {\n        top: auto;\n        bottom: 30px;\n        transform: none;\n    }\n\n    .side-nav.prev {\n        left: 20%;\n    }\n\n    .side-nav.next {\n        right: 20%;\n    }\n\n    .action-footer {\n        flex-direction: column;\n        width: 100%;\n        max-width: 300px;\n    }\n\n    .btn-pink-main,\n    .btn-pink-outline {\n        width: 100%;\n        text-align: center;\n        justify-content: center;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;AAMA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;;;;AASA;;;;;;;;;AAUA;;;;;;;;;;;;;;;;AAiBA;;;;;;;;;;AAUA;;;;;;;;;AAUA;;;;;;AAOA;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;AASA;;;;AASA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAMA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAKA;;;;AAIA;;;;;;;AAQA;;;;;;;;;AAWA;;;;;;;;;;;;;;;;;;;AAqBA;;;;;AAOA;;;;;AAKA;;;;AAIA;;;;AAIA;;;;AAKA;;;;;;;AAOA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;;;;;;AAYA;EACI;;;;;EAKA;;;;EAIA;;;;;;AAYJ;EACI;;;;;EAKA;;;;;;EAMA;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA;;;;;;;;;EASA;;;;;;;EAQA;;;;;;;;EAQA;;;;;;;EAQA;;;;;EAKA;;;;;EAKA;;;;;EAKA;;;;;EAQA;;;;;EAQA;;;;;;;EAOA;;;;;;;;EASA;;;;EAIA;;;;;;;;;EAUA;;;;;EAKA;;;;;;;;;EAUA;;;;;;;;EASA;;;;;EAKA;;;;;;EAMA;;;;EAIA;;;;EAIA;;;;;;EAMA"}},
    {"offset": {"line": 10932, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/aboutus/aboutus9.css"],"sourcesContent":[".aboutus9-section {\n    padding: 80px 0;\n    background-color: #111111;\n    background-image:\n        linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),\n        repeating-linear-gradient(-45deg, transparent, transparent 30px, rgba(255, 255, 255, 0.02) 30px, rgba(255, 255, 255, 0.02) 60px),\n        url('../../assets/img/discussionsection/discussion-banner.png');\n    background-size: cover;\n    background-position: center;\n    background-attachment: fixed;\n    color: #ffffff;\n    overflow: hidden;\n    position: relative;\n}\n\n.aboutus9-container {\n    max-width: 1400px;\n    margin: 0 auto;\n    padding: 0 40px;\n}\n\n.aboutus9-header {\n    text-align: center;\n    margin-bottom: 60px;\n}\n\n.aboutus9-header .title {\n    font-size: 42px;\n    font-weight: 700;\n    margin-bottom: 20px;\n    font-family: 'Lexend Deca', sans-serif;\n}\n\n.aboutus9-header .text-secondary {\n    color: #54b248;\n}\n\n.aboutus9-header .desc {\n    max-width: 850px;\n    margin: 0 auto;\n    font-size: 18px;\n    line-height: 1.6;\n    color: #eeeeee;\n}\n\n.leadership-slider-wrapper {\n    position: relative;\n    width: 100%;\n    display: flex;\n    align-items: center;\n}\n\n.leadership-viewbox {\n    width: 100%;\n    overflow: hidden;\n}\n\n.leader-card-box {\n    padding: 0;\n    /* Strictly zero for accurate 100% math */\n}\n\n.leader-item {\n    text-align: left;\n    transition: transform 0.3s ease;\n    margin: 0 15px;\n    /* Spacing handled internally */\n}\n\n.leader-image-bg {\n    background-color: #e2f3e8;\n    border: 2px solid #54b248;\n    aspect-ratio: 1 / 1;\n    overflow: hidden;\n    margin-bottom: 20px;\n    display: flex;\n    align-items: flex-end;\n}\n\n.leader-image-bg img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n}\n\n.leader-content {\n    padding-left: 5px;\n}\n\n.name-green {\n    color: #54b248;\n    font-size: 22px;\n    font-weight: 700;\n    margin: 0;\n    font-family: 'Lexend Deca', sans-serif;\n}\n\n.role-white {\n    color: #ffffff;\n    font-size: 16px;\n    margin-top: 5px;\n    opacity: 0.9;\n}\n\n.nav-arrow {\n    position: absolute;\n    top: 38%;\n    width: 44px;\n    height: 44px;\n    background-color: #54b248;\n    color: #ffffff;\n    border: none;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 50;\n    transition: all 0.3s ease;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);\n}\n\n.nav-arrow.prev {\n    left: -22px;\n}\n\n.nav-arrow.next {\n    right: -22px;\n}\n\n.nav-arrow:hover {\n    background-color: #46a03c;\n    transform: scale(1.1);\n}\n\n@media (max-width: 1200px) {\n    .nav-arrow.prev {\n        left: -10px;\n    }\n\n    .nav-arrow.next {\n        right: -10px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .aboutus9-section {\n        padding: 60px 0;\n    }\n\n    .aboutus9-container {\n        padding: 0 20px;\n    }\n\n    .nav-arrow {\n        top: 35%;\n        width: 40px;\n        height: 40px;\n    }\n\n    .nav-arrow.prev {\n        left: 0px;\n    }\n\n    .nav-arrow.next {\n        right: 0px;\n    }\n}\n\n@media (max-width: 640px) {\n    .aboutus9-header .title {\n        font-size: 32px;\n    }\n\n    .aboutus9-header .desc {\n        font-size: 16px;\n    }\n\n    .leader-card-box {\n        padding: 0 !important;\n    }\n\n    .leader-item {\n        margin: 0 10px;\n    }\n\n    .name-green {\n        font-size: 19px;\n    }\n\n    .role-white {\n        font-size: 14px;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;;;;;AAeA;;;;;;AAMA;;;;;AAKA;;;;;;;AAOA;;;;AAIA;;;;;;;;AAQA;;;;;;;AAOA;;;;;AAKA;;;;AAKA;;;;;;AAOA;;;;;;;;;;AAUA;;;;;;;AAOA;;;;AAIA;;;;;;;;AAQA;;;;;;;AAOA;;;;;;;;;;;;;;;;;;AAkBA;;;;AAIA;;;;AAIA;;;;;AAKA;EACI;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;;;EAMA;;;;EAIA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 11124, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ScanToCadHero.css"],"sourcesContent":["/* Scan to CAD Specific Hero Styles */\n.scan-tocad-hero {\n  position: relative;\n  height: 65vh;\n  min-height: 580px;\n  background: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(\"../../assets/img/servicepage/service-banner.png\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n}\n\n.scan-tocad-hero .hero-content {\n  max-width: 1240px;\n  margin: 0 auto;\n  z-index: 5;\n  padding: 0 20px;\n  transform: translateY(-50px);\n}\n\n.scan-tocad-hero .hero-subtitle {\n  font-size: 16px;\n  letter-spacing: 2.5px;\n  font-weight: 700;\n  margin-bottom: 12px;\n  display: block;\n}\n\n.scan-tocad-hero h1 {\n  font-size: var(--font-size-h1);\n  font-weight: 600;\n  margin: 0 auto 35px auto;\n  line-height: 1.15;\n  text-shadow: 0 4px 15px rgba(0, 0, 0, 0.6);\n  max-width: 1200px;\n}\n\n.scan-tocad-hero .service-description {\n  font-size: 18px;\n  color: #ffffff;\n  max-width: 1300px;\n  margin: 0 auto 30px auto;\n  line-height: 1.6;\n  font-weight: 400;\n}\n\n/* Button Styling matches Home Page Standard Exactly */\n.scan-tocad-hero .hero-btn {\n  background-color: #eaf6e5;\n  color: #54b248;\n  padding: 12px 28px;\n  border-radius: 50px;\n  font-weight: 500;\n  border: 1.5px solid #54b248;\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  text-transform: none;\n  font-family: var(--font-body);\n  box-shadow: 0 4px 15px rgba(84, 178, 72, 0.15);\n}\n\n.scan-tocad-hero .hero-btn:hover {\n  background-color: #54b248;\n  color: #ffffff;\n}\n\n.scan-tocad-hero .hero-btn svg {\n  transition: transform 0.2s;\n}\n\n.scan-tocad-hero .hero-btn:hover svg {\n  transform: translate(3px, -3px);\n}\n\n@media (max-width: 768px) {\n  .scan-tocad-hero {\n    height: auto;\n    min-height: 450px;\n    padding: 80px 0;\n  }\n\n  .scan-tocad-hero .hero-content {\n    transform: translateY(0);\n  }\n\n  .scan-tocad-hero h1 {\n    font-size: 32px;\n  }\n}\n\n@media (max-width: 480px) {\n  .scan-tocad-hero h1 {\n    font-size: 28px;\n  }\n\n  .scan-tocad-hero .service-description {\n    font-size: 14px;\n    margin-bottom: 25px;\n  }\n\n  .scan-tocad-hero .hero-btn {\n    padding: 10px 22px;\n    font-size: 14px;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;;;;;;AAcA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;;;;AAUA;;;;;;;;;;;;;;;;;AAiBA;;;;;AAKA;;;;AAIA;;;;AAIA;EACE;;;;;;EAMA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;;EAKA"}},
    {"offset": {"line": 11239, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ScanToCad4.css"],"sourcesContent":["/* Scan to CAD - What Is Section */\n.scan-tocad4-section {\n  padding: 50px;\n  background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(\"../../assets/img/discussionsection/discussion-banner.png\");\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  color: #ffffff;\n}\n\n.scan-tocad4-container {\n  max-width: 1100px;\n  margin: 0 auto;\n}\n\n.scan-tocad4-title {\n  font-size: 42px;\n  font-weight: 700;\n  margin-bottom: 40px;\n  line-height: 1.2;\n}\n\n.scan-tocad4-content p {\n  font-size: 18px;\n  line-height: 1.6;\n  margin-bottom: 30px;\n  font-weight: 500;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.scan-tocad4-content p:last-child {\n  margin-bottom: 0;\n}\n\n@media (max-width: 768px) {\n  .scan-tocad4-section {\n    padding: 60px 20px;\n  }\n\n  .scan-tocad4-title {\n    font-size: 32px;\n    margin-bottom: 25px;\n  }\n\n  .scan-tocad4-content p {\n    font-size: 16px;\n    margin-bottom: 20px;\n  }\n}\n\n@media (max-width: 480px) {\n  .scan-tocad4-title {\n    font-size: 26px;\n  }\n\n  .scan-tocad4-content p {\n    font-size: 15px;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;;;;;;;;AAaA;;;;;AAKA;;;;;;;AAOA;;;;;;;;AAQA;;;;AAIA;EACE;;;;EAIA;;;;;EAKA;;;;;;AAMF;EACE;;;;EAIA"}},
    {"offset": {"line": 11303, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/ScanToCad5.css"],"sourcesContent":["/* Scan to CAD - Services Grid Section */\n.scan-tocad5-section {\n  padding: 50px;\n  background-color: #000000;\n  color: #ffffff;\n}\n\n.stc5-container {\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.stc5-header {\n  text-align: center;\n  max-width: 1100px;\n  margin: 0 auto 70px auto;\n}\n\n.stc5-main-title {\n  font-size: 42px;\n  font-weight: 700;\n  margin-bottom: 25px;\n  line-height: 1.2;\n}\n\n.stc5-main-desc {\n  font-size: 18px;\n  line-height: 1.6;\n  font-weight: 400;\n  color: rgba(255, 255, 255, 0.9);\n}\n\n.stc5-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 30px;\n}\n\n.stc5-card {\n  border: 3px solid #57B041;\n  background-color: transparent;\n  padding: 40px;\n  border-radius: 12px;\n  transition: all 0.3s ease;\n  height: auto;\n}\n\n.stc5-card:hover {\n  border-color: #54b248;\n  background-color: rgba(84, 178, 72, 0.08);\n  transform: translateY(-8px);\n  box-shadow: 0 10px 40px rgba(84, 178, 72, 0.15);\n}\n\n.stc5-icon {\n  width: 50px;\n  height: 50px;\n  margin-bottom: 20px;\n}\n\n.stc5-icon img {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n}\n\n.stc5-card-title {\n  font-size: 26px;\n  font-weight: 600;\n  color: #54b248;\n  margin-bottom: 15px;\n}\n\n.stc5-card-desc {\n  font-size: 18px;\n  line-height: 1.6;\n  color: rgba(255, 255, 255, 0.85);\n  font-weight: 400;\n}\n\n@media (max-width: 1100px) {\n  .stc5-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n\n  .stc5-card {\n    padding: 30px;\n  }\n}\n\n@media (max-width: 768px) {\n  .scan-tocad5-section {\n    padding: 40px 20px;\n  }\n\n  .stc5-main-title {\n    font-size: 32px;\n  }\n\n  .stc5-card {\n    padding: 25px 20px;\n  }\n\n  .stc5-card-title {\n    font-size: 22px;\n  }\n}\n\n@media (max-width: 480px) {\n  .stc5-main-title {\n    font-size: 26px;\n  }\n\n  .stc5-main-desc {\n    font-size: 15px;\n  }\n\n  .stc5-card-desc {\n    font-size: 14px;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;AAKA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;AAOA;;;;;;AAMA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;EACE;;;;;EAKA;;;;;AAKF;EACE;;;;EAIA;;;;EAIA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 11426, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/CadDrafting.css"],"sourcesContent":[".cad-drafting-page h1 span:last-child {\n    display: inline-block;\n    min-height: 1.25em;\n    vertical-align: bottom;\n    min-width: 2px;\n}\n\n.cad-drafting-page h1 span:last-child {\n    display: inline-block;\n    min-height: 1.25em;\n    vertical-align: bottom;\n    min-width: 2px;\n}\n\n/* ServiceTrusted: Layout for this specific page - Following Home Page Standards */\n.cad-drafting-page .service-trusted-new {\n    background-color: #000000 !important;\n    padding: 50px 0 !important;\n}\n\n.cad-drafting-page .trusted-new-container {\n    display: flex !important;\n    flex-direction: row-reverse !important;\n    /* Text Left, Image Right */\n    gap: 60px !important;\n    align-items: center !important;\n    padding: 0 50px !important;\n    max-width: 1400px !important;\n    margin: 0 auto !important;\n}\n\n/* Content Side (Right in JSX, but Left in row-reverse) */\n.cad-drafting-page .trusted-new-right {\n    flex: 1.1 !important;\n    text-align: left !important;\n    padding: 0 !important;\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n/* Image Side (Left in JSX, but Right in row-reverse) */\n.cad-drafting-page .trusted-new-left {\n    flex: 0.9 !important;\n    padding: 0 !important;\n}\n\n.cad-drafting-page .trusted-new-title {\n    font-size: 42px !important;\n    font-weight: 700 !important;\n    color: #fff !important;\n    margin-bottom: 25px !important;\n    line-height: 1.25 !important;\n}\n\n.cad-drafting-page .trusted-new-content p {\n    color: #ffffff !important;\n    font-size: 18px !important;\n    line-height: 1.6 !important;\n    margin-bottom: 25px !important;\n    font-weight: 500 !important;\n    opacity: 1 !important;\n}\n\n/* Image Wrapper Styling - Following Standard Professional Look */\n.cad-drafting-page .trusted-image-wrapper {\n    background: transparent !important;\n    padding: 0 !important;\n    border-radius: 12px !important;\n    border: none !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    overflow: hidden !important;\n    transition: none !important;\n}\n\n.cad-drafting-page .trusted-image-wrapper:hover {\n    transform: none !important;\n}\n\n.cad-drafting-page .trusted-main-img {\n    position: static !important;\n    width: 100% !important;\n    height: auto !important;\n    max-height: 520px !important;\n    object-fit: cover !important;\n    border-radius: 12px !important;\n    display: block !important;\n}\n\n/* DO NOT SHOW BUTTON - As per user request */\n.cad-drafting-page .book-meeting-btn {\n    display: none !important;\n}\n\n@media (max-width: 1200px) {\n    .cad-drafting-page .trusted-new-container {\n        gap: 40px !important;\n        padding: 0 40px !important;\n    }\n}\n\n@media (max-width: 1024px) {\n    .cad-drafting-page .trusted-new-container {\n        flex-direction: column-reverse !important;\n        /* Text top, Image bottom */\n        gap: 40px !important;\n        padding: 0 20px !important;\n        text-align: center !important;\n    }\n\n    .cad-drafting-page .trusted-new-right {\n        text-align: center !important;\n        align-items: center !important;\n        flex: none !important;\n        width: 100% !important;\n    }\n\n    .cad-drafting-page .trusted-new-left {\n        flex: none !important;\n        width: 100% !important;\n        max-width: 600px !important;\n    }\n\n    .cad-drafting-page .trusted-new-title {\n        font-size: 32px !important;\n    }\n}\n\n@media (max-width: 768px) {\n    .cad-drafting-page .service-trusted-new {\n        padding: 60px 0 !important;\n    }\n\n    .cad-drafting-page .trusted-new-container {\n        gap: 30px !important;\n    }\n\n    .cad-drafting-page .trusted-new-title {\n        font-size: 28px !important;\n    }\n\n    .cad-drafting-page .trusted-new-content p {\n        font-size: 16px !important;\n    }\n}"],"names":[],"mappings":"AAAA;;;;;;;;AAeA;;;;;AAKA;;;;;;;;;;AAYA;;;;;;;;AASA;;;;;AAKA;;;;;;;;AAQA;;;;;;;;;AAUA;;;;;;;;;;;;AAYA;;;;AAIA;;;;;;;;;;AAWA;;;;AAIA;EACI;;;;;;AAMJ;EACI;;;;;;;EAQA;;;;;;;EAOA;;;;;;EAMA;;;;;AAKJ;EACI;;;;EAIA;;;;EAIA;;;;EAIA"}},
    {"offset": {"line": 11561, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/CadDraftingProcess.css"],"sourcesContent":["/* Cad Drafting Process Section */\n.cad-process-section {\n  padding: 50px;\n  background-color: #000000;\n  color: #ffffff;\n}\n\n.cad-process-header {\n  text-align: center;\n  max-width: 900px;\n  margin: 0 auto 60px auto;\n}\n\n.cad-process-title {\n  font-size: 42px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  line-height: 1.25;\n  color: #ffffff;\n}\n\n.cad-process-title .text-primary {\n  color: #54b248;\n}\n\n.cad-process-subtitle {\n  font-size: 18px;\n  line-height: 1.6;\n  color: #ffffff;\n  font-weight: 500;\n  opacity: 0.9;\n}\n\n.cad-process-grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 30px;\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.cad-process-card {\n  background: #ffffff;\n  border: 2px solid #54b248;\n  border-radius: 12px;\n  padding: 20px 10px;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.cad-process-card:hover {\n  transform: translateY(-10px);\n  box-shadow: 0 15px 40px rgba(84, 178, 72, 0.2);\n}\n\n.cad-process-icon-wrapper {\n  margin-bottom: 25px;\n  height: 80px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cad-process-icon-wrapper img {\n  height: 100%;\n  width: auto;\n  object-fit: contain;\n}\n\n.cad-process-card-title {\n  color: #54b248;\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  line-height: 1.25;\n  min-height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cad-process-card-desc {\n  color: #333333;\n  font-size: 18px;\n  line-height: 1.6;\n  font-weight: 400;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .cad-process-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}\n\n@media (max-width: 768px) {\n  .cad-process-section {\n    padding: 60px 20px;\n  }\n\n  .cad-process-title {\n    font-size: 32px;\n  }\n\n  .cad-process-subtitle {\n    font-size: 16px;\n  }\n}\n\n@media (max-width: 480px) {\n  .cad-process-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .cad-process-card {\n    padding: 30px 20px;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;;;;AAYA;;;;;AAKA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;;;;;;AAYA;;;;;;;AAQA;EACE;;;;;AAKF;EACE;;;;EAIA;;;;EAIA;;;;;AAKF;EACE;;;;EAIA"}},
    {"offset": {"line": 11682, "column": 0}, "map": {"version":3,"sources":["file:///E:/ORACLE%20PROJECTS/projectbim/src/styles/service/CadDraftingIndustries.css"],"sourcesContent":["/* Cad Drafting Industries Section */\n.cad-industries-section {\n  padding: 80px 40px;\n  background-color: #000000;\n  color: #ffffff;\n}\n\n.cad-industries-header {\n  text-align: center;\n  max-width: 1000px;\n  margin: 0 auto 60px auto;\n}\n\n.cad-industries-title {\n  font-size: 42px;\n  font-weight: 700;\n  margin-bottom: 20px;\n  line-height: 1.25;\n  color: #ffffff;\n}\n\n.cad-industries-title .text-primary {\n  color: #54b248;\n}\n\n.cad-industries-subtitle {\n  font-size: 18px;\n  line-height: 1.6;\n  color: #ffffff;\n  font-weight: 500;\n  opacity: 0.85;\n}\n\n.cad-industries-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 30px;\n  max-width: 1400px;\n  margin: 0 auto;\n}\n\n.cad-industries-card {\n  background: transparent;\n  border: 2px solid #54b248;\n  border-radius: 12px;\n  padding: 40px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  transition: all 0.3s ease;\n  position: relative;\n  overflow: hidden;\n}\n\n.cad-industries-card:hover {\n  background: rgba(84, 178, 72, 0.05);\n  transform: translateY(-5px);\n  box-shadow: 0 10px 30px rgba(84, 178, 72, 0.15);\n}\n\n.cad-industries-icon-wrapper {\n  margin-bottom: 25px;\n  height: 60px;\n  width: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.cad-industries-icon-wrapper img {\n  height: 100%;\n  width: 100%;\n  object-fit: contain;\n  filter: brightness(0) saturate(100%) invert(67%) sepia(35%) saturate(718%) hue-rotate(68deg) brightness(91%) contrast(85%);\n  /* Tint image to primary green if needed, or use as is */\n}\n\n.cad-industries-card-title {\n  color: #54b248;\n  font-size: 26px;\n  font-weight: 700;\n  margin-bottom: 20px;\n}\n\n.cad-industries-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  width: 100%;\n}\n\n.cad-industries-list li {\n  font-size: 18px;\n  line-height: 1.6;\n  color: #eeeeee;\n  margin-bottom: 12px;\n  padding-left: 20px;\n  position: relative;\n}\n\n.cad-industries-list li::before {\n  content: \"•\";\n  color: #54b248;\n  position: absolute;\n  left: 0;\n  font-weight: bold;\n}\n\n/* Responsive */\n@media (max-width: 1024px) {\n  .cad-industries-grid {\n    grid-template-columns: 1fr;\n    gap: 25px;\n  }\n}\n\n@media (max-width: 768px) {\n  .cad-industries-section {\n    padding: 60px 20px;\n  }\n\n  .cad-industries-title {\n    font-size: 32px;\n  }\n\n  .cad-industries-card {\n    padding: 30px;\n  }\n\n  .cad-industries-card-title {\n    font-size: 24px;\n  }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;;AAMA;;;;;;;;AAQA;;;;AAIA;;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;;;;;AAaA;;;;;;AAMA;;;;;;;;;AASA;;;;;;;AAQA;;;;;;;AAOA;;;;;;;AAOA;;;;;;;;;AASA;;;;;;;;AASA;EACE;;;;;;AAMF;EACE;;;;EAIA;;;;EAIA;;;;EAIA"}}]
}