/*
Theme Name: Vedax Pharma Mach Child
Theme URI: https://vedaxpharmamach.com
Description: Custom Modern Responsive Theme for Vedax Pharma Mach - Inspired by Vedax Agency (Corporate Navy Blue #25346A & Vedax Green #60AE49)
Author: Vedax Pharma Mach Engineering
Template: hello-elementor
Version: 1.4.5
Text Domain: vedax-child
*/

:root {
  /* Vedax Agency Official Brand Palette */
  --vp-primary: #10183b;
  /* Deep Navy Slate / Corporate Navy */
  --vp-primary-dark: #0a1028;
  /* Deepest Navy */
  --vp-primary-light: #1e2c60;
  /* Medium Royal Navy */
  --vp-secondary: #569e32;
  /* Vedax Agency Secondary Leaf Green */
  --vp-secondary-hover: #468627;
  /* Deep Forest Leaf Green */
  --vp-accent: #61ce70;
  /* Vedax Agency Accent Mint Green */
  --vp-gold: #f2b776;
  /* Vedax Agency Warm Sand / Logo Gold */
  --vp-dark: #0f172a;
  --vp-light: #f8f9fa;
  --vp-card-bg: #ffffff;
  --vp-border: #cbd5e1;
  --vp-text: #0f172a;
  /* Dark solid color for crisp readability */
  --vp-muted: #1e293b;
  /* Rich dark slate instead of washed out grey */
  --vp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);
  --vp-shadow-md: 0 4px 6px -1px rgba(16, 24, 59, 0.10), 0 2px 4px -1px rgba(0, 0, 0, 0.05);
  --vp-shadow-lg: 0 10px 25px -5px rgba(16, 24, 59, 0.14), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  --vp-shadow-xl: 0 20px 30px -10px rgba(16, 24, 59, 0.25);
  --vp-radius: 8px;
  --vp-radius-lg: 14px;
  --vp-font-heading: 'Red Hat Display', 'Roboto', sans-serif;
  --vp-font-body: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
  --vp-gradient-brand: linear-gradient(135deg, #10183b 0%, #569e32 100%);
  --vp-gradient-hero: linear-gradient(135deg, #0a1028 0%, #10183b 60%, #17224d 100%);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--vp-font-body);
  color: #0f172a !important;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.65;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
}

/* Full Screen & Layout Overrides */
.site-main,
.page-content,
#content,
.post,
.page,
.entry-content {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip;
  color: #0f172a;
}

/* Ensure Single Post containers do NOT trap or break sticky positioning */
body.single,
body.single-post,
body.single-post .site-main,
body.single-post #content,
body.single .site-main,
body.single #content,
.vedax-single-insight,
.blog-single-post {
  overflow: visible !important;
  overflow-x: visible !important;
}

body:not([class*=elementor-page-]) .site-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

p {
  color: #334155;
  font-size: 16px;
  line-height: 1.68;
  margin-top: 0;
  margin-bottom: 16px;
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--vp-font-heading);
  color: #0f172a;
  font-weight: 800;
  letter-spacing: -0.01em;
  margin-top: 0;
}

a {
  color: var(--vp-secondary);
  text-decoration: none;
  transition: all 0.25s ease;
}

a:hover {
  color: var(--vp-secondary-hover);
}

/* TOPBAR */
.vp-topbar {
  display: none !important;
}

.vp-container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* Centered & Responsive Header Container -> Full Width */
.vp-header .vp-header-container,
.vp-header-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.vp-topbar-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.vp-topbar-left,
.vp-topbar-right {
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.vp-topbar a {
  color: #e2e8f0;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.vp-topbar a:hover {
  color: var(--vp-accent);
}

.vp-topbar-badge {
  background: rgba(96, 174, 73, 0.18);
  color: #61ce70;
  padding: 3px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

/* HEADER & NAVBAR (Vedax Agency Clean Modern Style) */
.vp-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(37, 52, 106, 0.08);
  border-bottom: 1px solid #e2e8f0 !important;
  transition: all 0.3s ease;
}

/* Hide quote button on header */
.vp-header .vp-btn-quote {
  display: none !important;
}

.vp-header-container,
.vp-header .vp-container,
.vp-header .vp-header-container,
#site-header .vp-header-container,
.elementor-714 .elementor-element-sec_header_root>.elementor-container,
.elementor-714 .elementor-element-sec_header_main>.elementor-container,
header#masthead .elementor-container,
.ehf-header #masthead .elementor-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.vp-nav-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px clamp(20px, 2.5vw, 48px) !important;
  min-height: 96px !important;
  height: auto !important;
  width: 100% !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.vp-brand-logo,
.elementor-714 .elementor-element-col_header_logo,
header#masthead .elementor-element-col_header_logo {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
  z-index: 5 !important;
  padding: 4px 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  flex-shrink: 0 !important;
  overflow: visible !important;
}

.vp-brand-logo img,
#site-header .vp-brand-logo img,
.vp-header .vp-brand-logo img,
.elementor-714 .elementor-element.elementor-element-w_site_header_master .vp-brand-logo img,
.elementor-widget-vedax_site_header .vp-brand-logo img,
.elementor-widget-vedax_site_header .elementor-widget-container .vp-brand-logo img,
.elementor-714 .elementor-element-w_header_logo img,
header#masthead .elementor-element-w_header_logo img {
  max-height: 80px !important;
  height: 78px !important;
  max-width: 350px !important;
  width: auto !important;
  display: block !important;
  object-fit: contain !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  transition: transform 0.25s ease !important;
}

.vp-brand-logo:hover img {
  transform: scale(1.02);
}

.elementor-714 .elementor-element-w_header_nav,
@media screen and (min-width: 900px) {
  .vp-nav-inner,
  .vp-header .vp-nav-inner,
  #site-header .vp-nav-inner {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }

  .vp-brand-logo,
  .vp-header .vp-brand-logo,
  #site-header .vp-brand-logo,
  .elementor-714 .elementor-element-col_header_logo,
  header#masthead .elementor-element-col_header_logo {
    margin-left: 0 !important;
    margin-right: auto !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .elementor-714 .elementor-element-w_header_nav,
  .elementor-714 .hfe-nav-menu__layout-horizontal,
  .elementor-714 nav.hfe-nav-menu__layout-horizontal,
  .elementor-714 ul.hfe-nav-menu,
  .vp-desktop-nav,
  .vp-header .vp-desktop-nav,
  #site-header .vp-desktop-nav,
  .elementor-714 .vp-desktop-nav,
  .elementor-widget-vedax_site_header .vp-desktop-nav,
  .elementor-714 .elementor-element-col_header_nav,
  header#masthead .elementor-element-col_header_nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    width: auto !important;
  }

  .vp-nav-menu,
  .vp-desktop-nav .vp-nav-menu,
  .elementor-714 .vp-nav-menu,
  .elementor-widget-vedax_site_header .vp-nav-menu,
  .elementor-714 .hfe-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: left !important;
  }
}

.vp-nav-menu,
.elementor-714 .vp-nav-menu,
.elementor-widget-vedax_site_header .vp-nav-menu,
.elementor-714 .hfe-nav-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  gap: clamp(26px, 2.5vw, 38px) !important;
  list-style: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  flex-wrap: nowrap !important;
}

.vp-nav-item,
.elementor-714 .vp-nav-item,
.elementor-widget-vedax_site_header .vp-nav-item {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-714 ul.hfe-nav-menu>li>a.hfe-menu-item,
.vp-nav-menu>li>a.vp-nav-link,
.vp-desktop-nav .vp-nav-link,
.vp-nav-link,
.elementor-714 .elementor-element.elementor-element-w_site_header_master .vp-nav-link,
.elementor-widget-vedax_site_header .vp-nav-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  vertical-align: middle !important;
  gap: 6px !important;
  padding: 30px 10px !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  color: #222222 !important;
  text-decoration: none !important;
  letter-spacing: normal !important;
  border-radius: 0 !important;
  transition: color 0.25s ease !important;
  white-space: nowrap !important;
}

.vp-nav-link i.fa-chevron-down {
  font-size: 11px !important;
  margin-left: 6px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  color: #222222 !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.vp-nav-link:hover,
.vp-nav-link:focus,
.vp-nav-item:hover>.vp-nav-link,
.vp-nav-link.active,
.current-menu-item>.vp-nav-link {
  color: #569e32 !important;
}

.vp-nav-item:hover>.vp-nav-link i.fa-chevron-down {
  transform: translateY(1px);
}

.vp-drawer-logo {
  display: inline-flex !important;
  align-items: center !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

.vp-drawer-logo img {
  display: block !important;
  transition: opacity 0.2s ease !important;
}

.vp-drawer-logo:hover img {
  opacity: 0.9 !important;
}

/* DROPDOWN SUBMENU (MATCHING LIVE VEDAX SCREENSHOT EXACTLY) */
.vp-dropdown {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  min-width: 220px !important;
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12), 0 2px 8px rgba(15, 23, 42, 0.04) !important;
  border: 1px solid rgba(226, 232, 240, 0.9) !important;
  padding: 8px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
  z-index: 1010 !important;
  list-style: none !important;
  margin: 0 !important;
}

.vp-dropdown::before {
  content: '' !important;
  position: absolute !important;
  top: -12px !important;
  left: 0 !important;
  right: 0 !important;
  height: 12px !important;
}

.vp-nav-item:hover .vp-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.vp-dropdown li {
  margin: 2px 0 !important;
  list-style: none !important;
}

.vp-dropdown li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 10px 16px !important;
  font-family: 'Roboto', 'Red Hat Display', sans-serif !important;
  font-size: 14.5px !important;
  color: #1e293b !important;
  font-weight: 600 !important;
  border-radius: 8px !important;
  border-left: none !important;
  transition: all 0.18s ease !important;
  white-space: nowrap !important;
  background: transparent !important;
  text-decoration: none !important;
}

.vp-dropdown li a:hover,
.vp-dropdown li a:focus,
.vp-dropdown li.current-menu-item>a,
.vp-dropdown li:hover>a {
  background-color: #f0fdf4 !important;
  color: #569e32 !important;
  border-left: none !important;
  padding-left: 16px !important;
}

.vp-dropdown.vp-dropdown-products {
  min-width: 320px !important;
  max-height: calc(100vh - 120px) !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.vp-dropdown.vp-dropdown-products::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

.vp-dropdown.vp-dropdown-products::-webkit-scrollbar-track {
  display: none !important;
  background: transparent !important;
}

.vp-dropdown.vp-dropdown-products::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
}

.vp-dropdown.vp-dropdown-products::-webkit-scrollbar-thumb:hover {
  display: none !important;
  background: transparent !important;
}

.vp-dropdown.vp-dropdown-mega {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%) translateY(10px);
  min-width: 960px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s ease;
  z-index: 1010;
  margin: 0;
}

.vp-dropdown.vp-dropdown-mega::before {
  content: '';
  position: absolute;
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;
}

/* ==========================================================================
   ABOUT US PAGE (ID: 3650): 100% FULL-WIDTH & WIDE-SCREEN FLUID RESPONSIVENESS
   ========================================================================== */
body.page-id-3650,
body.page-id-3650 #page,
body.page-id-3650 .site,
body.page-id-3650 main,
body.page-id-3650 .site-main,
body.page-id-3650 .elementor-3650,
body.page-id-3650 .elementor-section,
body.page-id-3650 .elementor-container,
body.page-id-3650 .elementor-column,
body.page-id-3650 .elementor-widget-wrap,
body.page-id-3650 .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.vp-about-awards-grid {
  display: grid !important;
  grid-template-columns: clamp(520px, 48vw, 1050px) 1fr !important;
  align-items: center !important;
  gap: clamp(28px, 3.5vw, 64px) !important;
  width: 100% !important;
  max-width: 95vw !important;
  margin: clamp(24px, 3vw, 48px) auto !important;
  padding: clamp(28px, 3vw, 56px) clamp(28px, 3.5vw, 64px) !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: clamp(16px, 1.8vw, 24px) !important;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.05) !important;
  box-sizing: border-box !important;
}

.vp-btn-quote:hover {
  background: var(--vp-primary);
  box-shadow: 0 6px 20px rgba(37, 52, 106, 0.35);
  transform: translateY(-2px);
  color: #ffffff !important;
}

/* MOBILE TOGGLE */
.vp-mobile-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: var(--vp-primary);
  padding: 8px;
}

/* MOBILE BACKDROP */
.vp-backdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.65) !important;
  backdrop-filter: blur(4px) !important;
  -webkit-backdrop-filter: blur(4px) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

.vp-backdrop.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* MOBILE DRAWER (Exact 1:1 replica of sremhepvtltd.in) */
.vp-backdrop,
#vpBackdrop {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(15, 23, 42, 0.6) !important;
  z-index: 999998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  pointer-events: none !important;
}

.vp-backdrop.open,
#vpBackdrop.open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.vp-mobile-drawer,
#vpMobileDrawer {
  position: fixed !important;
  top: 0 !important;
  right: -340px !important;
  left: auto !important;
  width: 310px !important;
  max-width: 86vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  background: #ffffff !important;
  box-shadow: -6px 0 30px rgba(0, 0, 0, 0.2) !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 16px 16px 28px 16px !important;
  gap: 8px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  z-index: 999999 !important;
  transition: right 0.32s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  box-sizing: border-box !important;
  transform: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.vp-mobile-drawer.open,
#vpMobileDrawer.open {
  right: 0 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Drawer Top Header (Logo removed, clean close button on right) */
.vp-drawer-header,
.vp-drawer-topbar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  background: transparent !important;
  padding: 0 0 10px 0 !important;
  margin: 0 0 12px 0 !important;
  border-bottom: 1px solid #f1f5f9 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.vp-drawer-logo {
  display: none !important;
}

.vp-drawer-close,
#vpDrawerClose,
.vp-drawer-close-btn {
  position: static !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1.5px solid #e2e8f0 !important;
  color: #10183b !important;
  /* Theme Color: Deep Navy */
  font-size: 22px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.vp-drawer-close:hover,
.vp-drawer-close-btn:hover {
  background: #10183b !important;
  color: #569e32 !important;
  /* Theme Color: Green */
  border-color: #10183b !important;
}

/* DRAWER MENU TYPOGRAPHY & STYLING (SREMHEPVTLTD style) */
.vp-drawer-menu,
#vpDrawerMenu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  width: 100% !important;
}

.vp-drawer-item,
.vp-drawer-menu>li {
  width: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border: none !important;
}

.vp-drawer-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  gap: 6px !important;
  box-sizing: border-box !important;
}

.vp-drawer-link,
.vp-drawer-menu>li>a {
  display: flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.vp-drawer-row .vp-drawer-link {
  flex: 1 !important;
}

.vp-drawer-link:hover,
.vp-drawer-link.active,
.vp-drawer-menu>li>a:hover,
.vp-drawer-menu>li>a.active,
.vp-drawer-menu>li.current-menu-item>a,
.vp-drawer-item.active>.vp-drawer-link {
  background: #f1f5f9 !important;
  color: #1b357d !important;
}

/* Square Chevron Dropdown Toggle Button (Theme Colors: Deep Navy #10183b & Green #569e32) */
.vp-drawer-toggle-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 8px !important;
  background: #f1f5f9 !important;
  border: 1px solid #e2e8f0 !important;
  color: #10183b !important;
  /* Theme Color: Deep Navy */
  cursor: pointer !important;
  flex-shrink: 0 !important;
  transition: transform 0.25s ease, background 0.2s ease, border-color 0.2s ease !important;
  padding: 0 !important;
}

.vp-drawer-toggle-btn svg,
.dropdown-chevron,
.vp-drawer-toggle-btn path {
  transition: transform 0.25s ease !important;
  display: block !important;
  stroke: #10183b !important;
}

.vp-drawer-toggle-btn:hover,
.vp-drawer-toggle-btn:active {
  background: #eef7eb !important;
  border-color: #569e32 !important;
  color: #569e32 !important;
}

.vp-drawer-toggle-btn:hover svg,
.vp-drawer-toggle-btn:hover path {
  stroke: #569e32 !important;
}

.has-submenu.show-mobile-sub .vp-drawer-toggle-btn {
  background: #eef7eb !important;
  color: #569e32 !important;
  border-color: #569e32 !important;
}

.has-submenu.show-mobile-sub .vp-drawer-toggle-btn svg,
.has-submenu.show-mobile-sub .vp-drawer-toggle-btn path {
  transform: rotate(180deg) !important;
  stroke: #569e32 !important;
}

/* DRAWER SUBMENUS (Clean white cards inside light grey accordion) */
.vp-drawer-submenu {
  list-style: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 8px !important;
  margin: 6px 0 10px 0 !important;
  display: none !important;
  max-height: 340px !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  background: #f8fafc !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.has-submenu.show-mobile-sub .vp-drawer-submenu {
  display: flex !important;
}

.vp-drawer-submenu li {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
}

.vp-drawer-sublink,
.vp-drawer-submenu li a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 9px 12px !important;
  font-size: 0.86rem !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  text-align: left !important;
  white-space: normal !important;
  word-break: break-word !important;
  transition: all 0.2s ease !important;
}

.vp-drawer-sublink:hover,
.vp-drawer-sublink:active,
.vp-drawer-submenu li a:hover,
.vp-drawer-submenu li a:active {
  background: #eff6ff !important;
  color: #1b357d !important;
  border-color: #cbd5e1 !important;
}

/* Dealer Enquiry Action Button (Removed as requested) */
.vp-drawer-btn-item,
.vp-drawer-cta-btn {
  display: none !important;
}

/* FOOTER (Vedax Agency Theme Green #5aa838 with Crisp White Typography & Bigger Font) */
.vp-footer {
  background-color: #569e32;
  background: linear-gradient(180deg, #5aa838 0%, #4e932a 100%);
  color: #ffffff;
  padding-top: 55px !important;
  border-top: none;
}

.vp-footer-logo-wrap {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  transition: transform 0.2s ease;
  width: auto !important;
  border: none !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

body.page-id-3717 .catalogue-stats-inner,
.catalogue-stats-strip .catalogue-stats-inner {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(14px, 1.8vw, 28px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

body.page-id-3717 .page-content-container,
height: 100%;
width: 100% !important;
max-width: 95vw !important;
margin: 0 auto clamp(45px, 5vw, 85px) auto !important;
padding: 0 clamp(16px, 2.5vw, 48px) !important;
box-sizing: border-box !important;

body.page-id-3717 .master-brochure-card,
.master-brochure-card,

width: 100% !important;
max-width: 100% !important;
display: grid !important;
grid-template-columns: minmax(420px, 1.25fr) minmax(360px, 1fr) !important;
gap: clamp(24px, 3.5vw, 64px) !important;
padding: clamp(28px, 3.5vw, 56px) !important;
font-weight: 500 !important;

.vp-footer h4 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 20px;
  padding-bottom: 12px;
  position: relative;
  visibility: visible;
  pointer-events: auto;
}

/* FOOTER (Exact Match to vedaxagency.com: Solid Green #55a83a with Crisp White Typography) */
.vp-footer {
  background-color: #55a83a !important;
  background: #55a83a !important;
  color: #ffffff !important;
  padding-top: 55px !important;
  border-top: none !important;
}

.vp-footer-logo-wrap {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
  display: inline-flex !important;
  align-items: center;
  margin-bottom: 20px !important;
  box-shadow: none !important;
  transition: transform 0.2s ease;
  width: auto !important;
  border: none !important;
}

.vp-footer-logo-wrap:hover {
  transform: translateY(-2px);
}

.vp-footer-logo {
  height: 52px;
  width: auto;
  max-width: 100%;
  display: block;
  margin: 0 !important;
  filter: brightness(0) invert(1) !important;
}

.vp-footer-col-brand {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.vp-footer p {
  font-size: 16px;
  line-height: 1.68;
  color: #ffffff !important;
  margin-bottom: 18px;
  font-weight: 500;
}

.vp-footer-brand-desc,
.vp-footer-col-brand p {
  font-size: 16px !important;
  line-height: 1.68 !important;
  color: #ffffff !important;
  margin-bottom: 22px !important;
  font-weight: 500 !important;
}

.vp-footer h4 {
  color: #ffffff !important;
  font-size: 22px;
  margin-bottom: 18px;
  font-weight: 500;
}

.vp-footer-brand-desc,
.vp-footer-col-brand p {
  font-size: 15px !important;
  line-height: 1.68 !important;
  color: #cbd5e1 !important;
  margin-bottom: 20px !important;
  font-weight: 500 !important;
  text-align: left !important;
  text-justify: auto !important;
  word-spacing: normal !important;
  letter-spacing: 0.1px;
}

.vp-footer h4 {
  color: #ffffff !important;
  font-size: 22px;
  font-weight: 800;
  margin-bottom: 20px !important;
}

.vp-footer-grid {
  display: grid;
  grid-template-columns: 1.35fr 1.9fr 1fr 1.35fr;
  gap: 32px;
  margin-bottom: 35px !important;
  align-items: stretch !important;
}

.vp-footer-products-subgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 11px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.vp-footer-quicklinks-list {
  display: flex;
  flex-direction: column;
  gap: 11px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.vp-footer-products-subgrid li,
.vp-footer-quicklinks-list li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
}

.vp-footer-products-subgrid li a,
.vp-footer-quicklinks-list li a {
  color: #cbd5e1 !important;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 500;
  line-height: 1.35;
  white-space: nowrap;
}

.vp-footer-products-subgrid li a:hover,
.vp-footer-quicklinks-list li a:hover {
  color: #f59e0b !important;
  transform: translateX(4px);
}

.vp-footer-check-icon {
  color: #60ae49 !important;
  font-size: 13px;
  flex-shrink: 0;
  transition: color 0.2s ease;
  opacity: 0.95;
}

.vp-footer-products-subgrid li a:hover .vp-footer-check-icon,
.vp-footer-quicklinks-list li a:hover .vp-footer-check-icon {
  color: #f59e0b !important;
  opacity: 1;
}

.vp-footer-contact-list span,
.vp-footer-contact-list a {
  color: #cbd5e1 !important;
}

.vp-footer-contact-list i {
  color: #60ae49 !important;
}

/* Call Button matching Vedax Agency reference */
.vp-footer-call-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  color: #1e293b;
  font-size: 15.5px;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.2s ease;
}

.vp-footer-call-pill:hover {
  background: #1e293b;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.vp-footer-call-pill:hover i {
  color: #4ade80;
}

/* Social Media Buttons with Official Brand Colors */
.vp-footer-socials {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  flex-wrap: nowrap !important;
}

.vp-footer-social-btn {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffffff !important;
  font-size: 15px !important;
  text-decoration: none !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  flex-shrink: 0 !important;
}

.vp-footer-social-btn:hover {
  transform: translateY(-2px) scale(1.05) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.35) !important;
  opacity: 0.95 !important;
}

.vp-footer-social-btn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* Official Brand Colors */
.vp-social-ig svg,
.vp-social-ig i,
.elementor-repeater-item-soc_ig2 svg,
.elementor-repeater-item-soc_ig2 i {
  fill: #ffffff !important;
  color: #ffffff !important;
}

.vp-social-in {
  background: #0077b5 !important;
}

.vp-social-tw {
  background: #1da1f2 !important;
}

/* Sky Blue Twitter Bird */
.vp-social-yt {
  background: #cd201f !important;
}

.vp-social-pi {
  background: #bd081c !important;
}

.vp-cert-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 14px;
}

.vp-cert-badge {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  font-size: 11.5px;
  font-size: 11px;
  font-weight: 700;
  color: var(--vp-primary);
  border-right: 1px solid #f1f5f9;
}

.vp-mobile-btn.vp-btn-wa {
  background: #25d366;
  color: #ffffff;
}

.vp-mobile-btn.vp-btn-call {
  background: var(--vp-secondary);
  color: #ffffff;
}

/* HERO SECTION & FULL-WIDTH MACHINERY BANNER (Matches Mahashakti Reference) */
.vp-hero {
  width: 100%;
  box-sizing: border-box;
  background: var(--vp-gradient-hero);
  color: #ffffff;
  padding: 28px 0 30px !important;
  position: relative;
  overflow: hidden;
}

.vp-hero::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -15%;
  width: 650px;
  height: 650px;
  display: none !important;
}

.vp-footer-contact-list li {
  margin-bottom: 12px;
  font-size: 16px;
  color: #ffffff;
  line-height: 1.55;
  font-weight: 500;
}

.vp-footer-contact-list a {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}

.vp-footer-contact-list a:hover {
  color: #fde047 !important;
}

.vp-footer-person {
  font-size: 16.5px;
  font-weight: 800;
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

.vp-footer-bottom {
  background-color: #081026 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  padding: 18px 0;
  font-size: 14px;
  text-align: center;
  color: #94a3b8 !important;
  font-weight: 500;
}

.vp-footer-bottom a {
  color: #94a3b8 !important;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.2s ease;
}

.vp-footer-bottom a:hover {
  color: #f59e0b !important;
}

@media (max-width: 1100px) {
  .vp-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .vp-footer-socials {
    margin-top: 18px !important;
  }
}

@media (max-width: 680px) {
  .vp-footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .vp-footer-products-subgrid {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}

/* FLOATING MOBILE ACTION BAR */
.vp-mobile-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ffffff;
  box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.12);
  z-index: 1500;
  border-top: 1px solid var(--vp-border);
  align-items: center !important;
  box-sizing: border-box !important;
}

/* ==========================================================================
   FULL-WIDTH & RESPONSIVE HERO BANNER (WIDE SCREEN & MOBILE FOR ALL PAGES & SINGLE PAGES)
   ========================================================================== */

/* 1. Ensure Elementor Section Spans 100% Edge-to-Edge Without White Side Margins */
.elementor-section.elementor-section-full_width {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-section:has(.vp-hero),
.elementor-section:has(.vp-hero-inner),
.elementor-section:has(.vp-hero-banner),
.elementor-section:has(.elementor-widget-vedax_page_hero),
.elementor-section:has(.elementor-widget-vedax_hero_banner) {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-section:has(.vp-hero)>.elementor-container,
.elementor-section:has(.vp-hero-inner)>.elementor-container,
.elementor-section:has(.vp-hero-banner)>.elementor-container,
.elementor-section:has(.elementor-widget-vedax_page_hero)>.elementor-container,
.elementor-section:has(.elementor-widget-vedax_hero_banner)>.elementor-container,
.elementor-section.elementor-section-full_width>.elementor-container.elementor-column-gap-no {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-section:has(.vp-hero) .elementor-column,
.elementor-section:has(.vp-hero) .elementor-widget-wrap,
.elementor-section:has(.vp-hero) .elementor-widget-container,
.elementor-section:has(.vp-hero-inner) .elementor-column,
.elementor-section:has(.vp-hero-inner) .elementor-widget-wrap,
.elementor-section:has(.vp-hero-inner) .elementor-widget-container,
.elementor-section:has(.elementor-widget-vedax_page_hero) .elementor-column,
.elementor-section:has(.elementor-widget-vedax_page_hero) .elementor-widget-wrap,
.elementor-section:has(.elementor-widget-vedax_page_hero) .elementor-widget-container,
.elementor-section.elementor-section-full_width>.elementor-container.elementor-column-gap-no>.elementor-column>.elementor-widget-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* 2. Hero Banner Core Layout across All Pages & Single Posts (Inner Pages only) */
body:not(.home) .vp-hero.vp-hero-banner:not(.vp-hero-home-main),
body:not(.home) .vp-hero-banner.vp-hero-inner,
body:not(.home) .vp-hero-inner,
.single .vp-hero,
.single .vp-hero-banner,
body:not(.home) .page .vp-hero:not(.vp-hero-home-main),
body:not(.home) .page .vp-hero-banner:not(.vp-hero-home-main) {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  height: 300px !important;
  min-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border: none !important;
}


/* 3. Hero Dark Gradient Overlay */
.vp-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(16, 24, 59, 0.92) 0%, rgba(16, 24, 59, 0.78) 50%, rgba(16, 24, 59, 0.35) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

/* 4. Hero Inner Content Container */
.vp-hero-inner .vp-hero-container,
.vp-hero-banner .vp-container,
.vp-hero-container,
body:not(.single-post) .vp-hero-inner .vp-hero-container {
  position: relative !important;
  z-index: 2 !important;
  width: 95% !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2.5vw, 40px) !important;
  padding-right: clamp(16px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
}

.vp-hero-content {
  text-align: left !important;
  max-width: 860px !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

.vp-hero-banner h1,
.vp-hero-title,
.vp-hero-inner .vp-hero-title {
  color: #ffffff !important;
  font-size: clamp(30px, 3.2vw, 38px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

.vp-hero-banner h1 span,
.vp-hero-title span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
}

.vp-hero-banner .vp-hero-desc,
.vp-hero-banner .vp-hero-p,
.vp-hero-desc,
.vp-hero-inner .vp-hero-desc {
  font-size: 16px !important;
  line-height: 1.55 !important;
  color: #f1f5f9 !important;
  margin-bottom: 0 !important;
  max-width: 780px !important;
  font-weight: 400 !important;
  text-align: left !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* 5. Wide Screens (1600px+) */
@media (min-width: 1600px) {

  .vp-hero-inner .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
    padding-left: clamp(16px, 2.5vw, 40px) !important;
    padding-right: clamp(16px, 2.5vw, 40px) !important;
  }
}

/* 6. Tablet Screens (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {

  .vp-hero.vp-hero-banner,
  .vp-hero-banner.vp-hero-inner,
  .vp-hero-inner,
  .single .vp-hero,
  .single .vp-hero-banner {
    height: auto !important;
    min-height: 270px !important;
    padding: 36px 0 !important;
  }

  .vp-hero-inner .vp-hero-container,
  .vp-hero-container {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }

  .vp-hero-title,
  .vp-hero-banner h1 {
    font-size: clamp(26px, 3.5vw, 32px) !important;
  }
}

/* 7. Mobile Phone Screens (< 768px) */
@media (max-width: 767px) {

  .vp-hero.vp-hero-banner,
  .vp-hero-banner.vp-hero-inner,
  .vp-hero-inner,
  .single .vp-hero,
  .single .vp-hero-banner,
  .page .vp-hero,
  .page .vp-hero-banner {
    height: auto !important;
    min-height: 230px !important;
    max-height: none !important;
    padding: 38px 0 !important;
    width: 100% !important;
  }

  .vp-hero-inner .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-container {
    padding-left: 18px !important;
    padding-right: 18px !important;
    width: 100% !important;
  }

  .vp-hero-banner h1,
  .vp-hero-title,
  .vp-hero-inner .vp-hero-title {
    font-size: clamp(22px, 6vw, 28px) !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
  }

  .vp-hero-banner .vp-hero-desc,
  .vp-hero-banner .vp-hero-p,
  .vp-hero-desc,
  .vp-hero-inner .vp-hero-desc {
    font-size: 14.5px !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }
}

.vp-hero-banner .vp-hero-cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0 !important;
}

.vp-hero-cta br {
  display: none !important;
}

/* ==========================================================================
   PAGE INTRO / SECTION BELOW HERO BANNER (CENTERED TITLE & SUBTITLE WITH GENEROUS SPACING)
   ========================================================================== */

/* 1. Spacing directly below Hero banner across all pages (REDUCED AS REQUESTED) */
.elementor-section:has(.vp-hero)+.elementor-section,
.elementor-section:has(.vp-hero-inner)+.elementor-section,
.elementor-section:has(.elementor-widget-vedax_page_hero)+.elementor-section,
.elementor-section:has(.elementor-widget-vedax_hero_banner)+.elementor-section,
.vp-hero+.elementor-section,
.vp-hero-inner+.elementor-section,
.vp-hero+section,
.vp-hero-inner+section,
.vp-hero+main,
.vp-hero-inner+main,
.vp-hero-banner+section,
.vp-hero-banner+.elementor-section,
.vp-hero-banner+main {
  padding-top: 20px !important;
  margin-top: 0 !important;
}

@media (max-width: 767px) {

  .elementor-section:has(.vp-hero)+.elementor-section,
  .elementor-section:has(.vp-hero-inner)+.elementor-section,
  .elementor-section:has(.elementor-widget-vedax_page_hero)+.elementor-section,
  .elementor-section:has(.elementor-widget-vedax_hero_banner)+.elementor-section,
  .vp-hero+.elementor-section,
  .vp-hero-inner+.elementor-section,
  .vp-hero+section,
  .vp-hero-inner+section,
  .vp-hero+main,
  .vp-hero-inner+main,
  .vp-hero-banner+section,
  .vp-hero-banner+.elementor-section,
  .vp-hero-banner+main {
    padding-top: 15px !important;
  }
}

/* 2. Page Header / Intro Wrappers Below Hero (Centered) */
.vp-section>.vp-container>.vp-title-wrap {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  max-width: 880px;
}

.vp-section>.vp-container>.vp-title-wrap .vp-section-title {
  text-align: center;
  font-size: clamp(26px, 2.6vw, 36px);
  font-weight: 800;
  color: var(--vp-primary);
  margin-top: 0;
  margin-bottom: 14px;
  line-height: 1.25;
}

.vp-section>.vp-container>.vp-title-wrap .vp-section-desc {
  text-align: center;
  font-size: 16.5px;
  line-height: 1.68;
  color: #475569;
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.vp-section>.vp-container>.vp-title-wrap .vp-badge-tag {
  display: inline-block;
  margin-bottom: 12px;
}


/* STATS BAR */
.vp-stats-bar {
  background: #ffffff;
  border-bottom: 1px solid var(--vp-border);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  padding: 24px 0 !important;
}

.vp-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}

.vp-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 4px 12px;
  border-right: 1px solid var(--vp-border);
}

.vp-stat-item:last-child {
  border-right: none;
}

.vp-stat-num {
  font-family: var(--vp-font-heading);
  font-size: 38px;
  font-weight: 800;
  color: #0f172a;
}

.vp-hero h1 {
  color: #ffffff !important;
  font-size: clamp(38px, 4vw, 48px) !important;
  line-height: 1.18 !important;
  font-weight: 800;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.vp-hero h1 span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: none !important;
}

.vp-hero-p {
  font-size: 17.5px !important;
  line-height: 1.68 !important;
  color: #ffffff !important;
  margin-bottom: 24px !important;
  max-width: 650px;
  font-weight: 500;
}

.vp-hero-cta {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}

.vp-btn-primary {
  background: var(--vp-secondary);
  color: #ffffff !important;
  font-family: var(--vp-font-heading);
  font-weight: 700;
  font-size: 16.5px !important;
  padding: 14px 30px !important;
  border-radius: 8px;
  box-shadow: 0 4px 18px rgba(96, 174, 73, 0.4);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.25s ease;
}

.vp-btn-primary:hover {
  transform: translateY(-2px);
  background: var(--vp-secondary-hover);
  box-shadow: 0 8px 25px rgba(96, 174, 73, 0.55);
  color: #ffffff !important;
}

.vp-btn-secondary {
  background: rgba(255, 255, 255, 0.08);
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: #ffffff !important;
  font-family: var(--vp-font-heading);
  font-weight: 700;
  font-size: 16.5px !important;
  padding: 14px 30px !important;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.25s ease;
}

.vp-btn-secondary:hover {
  background: rgba(96, 174, 73, 0.15);
  border-color: var(--vp-secondary);
  color: #ffffff !important;
}

.vp-hero-img-wrap {
  position: relative;
}

.vp-hero-img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
  border: 2px solid rgba(255, 255, 255, 0.15);
}

.vp-hero-card-float {
  position: absolute;
  bottom: -20px;
  left: -20px;
}

.vp-stat-num span {
  color: var(--vp-secondary);
  margin-left: 2px;
}

.vp-stat-label {
  font-size: 15px;
  color: #0f172a;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

/* SECTION SPACING */
.vp-section,
section.vp-section {
  padding: 60px 0;
  position: relative;
  width: 100%;
}

.vp-article-media img {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.vp-product-card {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--vp-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.vp-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(37, 52, 106, 0.12);
  border-color: var(--vp-secondary);
}

/* ================= BLOGS & INSIGHTS ARTICLE CARDS ================= */

.vp-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.vp-grid-4.vp-grid-3-col {
  grid-template-columns: repeat(3, 1fr);
}

.vp-grid-4.vp-grid-2-col {
  grid-template-columns: repeat(2, 1fr);
}

.vp-industry-card:hover .vp-card-explore-link i {
  transform: translateX(4px);
}

.vp-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center;
}

.vp-product-card {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--vp-border);
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.vp-product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 30px rgba(37, 52, 106, 0.12);
  border-color: var(--vp-secondary);
}

/* ================= BLOGS & INSIGHTS ARTICLE CARDS ================= */
.vp-article-card {
  background: #ffffff;
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid var(--vp-border) !important;
}

.vp-article-body {
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

font-size: clamp(32px, 3.2vw, 38px) !important;
font-weight: 800;
color: #0f172a !important;
margin-top: 0 !important;
margin-bottom: 12px !important;

.vp-section-desc {
  font-size: 17.5px !important;
  color: #1e293b !important;
  line-height: 1.65;
  font-weight: 500;
}

/* PRODUCT CARDS GRID (Vedax Agency Modern Cards) */
.vp-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.vp-article-card:hover .vp-article-title a,
.vp-article-title a:hover {
  color: var(--vp-secondary) !important;
}

.vp-article-desc {
  font-size: 15px !important;
  color: #475569 !important;
  line-height: 1.62 !important;
  margin: 0 0 18px !important;
  flex-grow: 1 !important;
}

.vp-card-media {
  position: relative !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 10 !important;
  min-height: 200px !important;
  max-height: 520px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  box-sizing: border-box !important;
}

.vp-card-media a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vp-card-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  transition: transform 0.4s ease !important;
}

.vp-product-card:hover .vp-card-media img {
  transform: scale(1.05) !important;
}

.vp-card-tag {
  display: none !important;
}

.vp-card-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-weight: 800;
}

.vp-cta-box p {
  color: #ffffff !important;
  font-size: 18px;
  margin: 0;
  max-width: 650px;
  font-weight: 500;
}

/* CONTACT FORM (Compact Layout & Validations) */
.vp-contact-form {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px 26px !important;
  box-shadow: 0 6px 24px rgba(37, 52, 106, 0.08);
  border: 1px solid var(--vp-border);
}

grid-template-columns: 1fr;
text-align: center;

.vp-hero-p {
  margin: 0 auto 30px;
}

.vp-hero-cta {
  justify-content: flex-start;
}

.vp-gallery-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  height: 250px;
}

.vp-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.vp-gallery-item:hover img {
  transform: scale(1.06);
}

@media (max-width: 1100px) {
  .vp-dropdown.vp-megamenu {
    min-width: 700px;
    left: -180px;
  }
}

@media (max-width: 991px) {
  .vp-facility-grid {
    grid-template-columns: 1fr;
  }

  .vp-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.vp-btn-readmore:hover i,
.vp-card-btn:hover i {
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

.vp-card-specs li {
  font-size: 15px;
  color: #0f172a;
  font-weight: 550;
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.vp-card-specs li i {
  color: var(--vp-secondary);
  font-size: 12px;
}

/* INDUSTRY APPS */
.vp-industry-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 22px 18px !important;
  border: 1px solid var(--vp-border);
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  display: flex !important;
  flex-direction: column !important;
  text-align: left;
}

.vp-industry-card:hover {
  border-color: var(--vp-secondary);
  box-shadow: 0 10px 24px rgba(37, 52, 106, 0.1);
  transform: translateY(-4px);
}

.vp-ind-top {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.vp-industry-icon {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  border-radius: 10px;
  background: #f0fdf4;
  color: var(--vp-secondary);
  display: flex;
  align-items: center;

  .vp-cta-box h3 {
    color: #ffffff !important;
    font-size: 32px;
    margin-bottom: 8px;
    font-weight: 800;
  }

  .vp-cta-box p {
    color: #ffffff !important;

    /* INDUSTRY APPS */
    .vp-industry-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 22px 18px !important;
      border: 1px solid var(--vp-border);
      box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);
      transition: all 0.3s ease;
      display: flex !important;
      flex-direction: column !important;
      text-align: left;
    }

    .vp-industry-card:hover {
      border-color: var(--vp-secondary);
      box-shadow: 0 10px 24px rgba(37, 52, 106, 0.1);
      transform: translateY(-4px);
    }

    .vp-ind-top {
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      margin-bottom: 12px !important;
    }

    .vp-industry-icon {
      width: 44px !important;
      height: 44px !important;
      min-width: 44px !important;
      border-radius: 10px;
      background: #f0fdf4;
      color: var(--vp-secondary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 20px;
      margin-bottom: 0 !important;
      flex-shrink: 0 !important;
    }

    .vp-industry-card h4 {
      font-size: 18.5px;
      margin: 0 !important;
      color: #0f172a;
      font-weight: 800;
      line-height: 1.3;
    }

    .vp-industry-card p {
      font-size: 15.5px;
      color: #1e293b;
      line-height: 1.6;
      margin: 0 !important;
      font-weight: 500;
    }

    /* SPECS TABLE */
    .vp-specs-table {
      width: 100%;
    }

    .vp-cta-box>div:first-child {
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }

    .vp-cta-box>div:last-child {
      flex-shrink: 0 !important;
      display: flex !important;
      gap: 12px !important;
      align-items: center !important;
    }

    .vp-cta-box h3 {
      color: #ffffff !important;
      font-size: clamp(20px, 1.8vw, 25px) !important;
      margin-bottom: 6px !important;
      font-weight: 800 !important;
      line-height: 1.3 !important;
    }

    .vp-cta-box p {
      color: #e2e8f0 !important;
      font-size: 15px !important;
      margin: 0 !important;
      max-width: 680px !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
    }

    /* CTA BANNER */
    .vp-cta-box {
      background: var(--vp-gradient-hero);
      color: #ffffff;
      border-radius: 14px;
      padding: 30px 32px;
      display: flex !important;
      flex-direction: row !important;
      justify-content: space-between !important;
      align-items: center !important;
      gap: 24px !important;
      flex-wrap: nowrap !important;
      box-shadow: 0 15px 35px rgba(26, 36, 77, 0.25);
      border: 2px solid var(--vp-secondary);
    }

    .vp-cta-box>div:first-child {
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }

    .vp-cta-box>div:last-child {
      flex-shrink: 0 !important;
      display: flex !important;
      gap: 12px !important;
      align-items: center !important;
    }

    .vp-cta-box h3 {
      color: #ffffff !important;
      font-size: clamp(20px, 1.8vw, 25px) !important;
      margin-bottom: 6px !important;
      font-weight: 800 !important;
      line-height: 1.3 !important;
    }

    .vp-cta-box p {
      color: #e2e8f0 !important;
      font-size: 15px !important;
      margin: 0 !important;
      max-width: 680px !important;
      font-weight: 400 !important;
      line-height: 1.5 !important;
    }

    @media (max-width: 991px) {
      .vp-cta-box {
        flex-direction: column !important;
        text-align: center !important;
        padding: 28px 20px !important;
        gap: 18px !important;
      }

      .vp-cta-box>div:last-child {
        justify-content: center !important;
      }
    }

    .vp-form-error {
      display: none;
      color: #ef4444;
      font-size: 11.5px;
      margin-top: 3px;
      font-weight: 500;
    }

    /* PAGE HEADER & LINK RESET */
    .page-header {
      display: none !important;
    }

    @media (max-width: 991px) {
      .vp-hero-banner {
        min-height: auto;
        padding: 40px 0 45px;
      }

      .vp-hero-overlay {
        background: rgba(20, 29, 65, 0.90);
      }

      .vp-hero-banner h1,
      .vp-hero-title {
        font-size: 30px;
        line-height: 1.25;
      }

      .vp-hero-banner .vp-hero-desc,
      .vp-hero-banner .vp-hero-p {
        font-size: 15px;
      }

      .vp-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .vp-hero-p {
        margin: 0 auto 30px;
      }
    }

    @media (max-width: 767px) {
      .vp-stat-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      }

      .vp-stat-item:last-child {
        border-bottom: none;
      }

      .vp-cta-box {
        text-align: center;
        justify-content: center;
      }
    }

    /* Company Profile Custom Styles (Matching Mahashakti Company Page Layout) */
    .vp-quote-box {
      background: #f8fafc;
    }

    @media (max-width: 860px) {

      .vp-nav-menu,
      .vp-topbar-right,
      .vp-btn-quote {
        display: none;
      }

      .vp-mobile-toggle {
        display: block;
      }

      .vp-mobile-bar {
        display: block;
      }

      body {
        padding-bottom: 60px;
      }
    }

    .page-content a.vp-btn-primary,
    .page-content a.vp-btn-secondary,
    .page-content a.vp-btn-pill,
    .page-content a.vp-card-btn,
    .page-content a.vp-btn-quote {
      text-decoration: none !important;
    }

    /* RESPONSIVE STYLES */
    @media (max-width: 1024px) {
      .vp-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
      }
    }

    @media (max-width: 991px) {
      .vp-hero-banner {
        min-height: auto;
        padding: 40px 0 45px;
      }

      .vp-hero-overlay {
        background: rgba(20, 29, 65, 0.90);
      }

      .vp-hero-banner h1,
      .vp-hero-title {
        font-size: 30px;
        line-height: 1.25;
      }

      .vp-hero-banner .vp-hero-desc,
      .vp-hero-banner .vp-hero-p {
        font-size: 15px;
      }

      .vp-hero-grid {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .vp-hero-p {
        margin: 0 auto 30px;
      }

      .vp-hero-cta {
        justify-content: flex-start;
      }

      .vp-grid-3 {
        grid-template-columns: repeat(2, 1fr);
      }

      .vp-grid-4 {
        grid-template-columns: repeat(2, 1fr);
      }

      .vp-grid-2 {
        grid-template-columns: 1fr;
      }

      .vp-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
      }

      .vp-stat-item:nth-child(2) {
        border-right: none;
      }
    }

    @media (max-width: 860px) {

      .vp-nav-menu,
      .vp-topbar-right,
      .vp-btn-quote {
        display: none;
      }

      .vp-mobile-toggle {
        display: block;
      }

      .vp-mobile-bar {
        display: block;
      }

      body {
        padding-bottom: 60px;
      }
    }

    @media (max-width: 600px) {
      .vp-hero-banner {
        padding: 35px 0 40px;
      }

      .vp-hero-banner h1,
      .vp-hero-title {
        font-size: 24px;
        line-height: 1.25;
      }

      .vp-hero-banner .vp-hero-desc,
      .vp-hero-banner .vp-hero-p {
        font-size: 14px;
      }

      .vp-hero-banner .vp-hero-cta {
        flex-direction: column;
        align-items: stretch;
      }

      .vp-hero-banner .vp-hero-cta a {
        justify-content: center;
        text-align: center;
        width: 100%;
      }

      .vp-footer-grid {
        grid-template-columns: 1fr;
      }

      .vp-brand-logo img {
        height: 48px;
      }

      .vp-hero h1 {
        font-size: 32px;
      }

      .vp-grid-3,
      .vp-grid-4 {
        grid-template-columns: 1fr;
      }

      .vp-stats-grid {
        grid-template-columns: 1fr;
      }

      .vp-stat-item {
        border-right: none;
        border-bottom: 1px solid var(--vp-border);
        padding-bottom: 20px;
      }

      .vp-stat-item:last-child {
        border-bottom: none;
      }

      .vp-cta-box {
        text-align: center;
        justify-content: center;
      }
    }

    /* Company Profile Custom Styles (Matching Mahashakti Company Page Layout) */
    .vp-quote-box {
      background: #f8fafc;
      border-left: 5px solid var(--vp-secondary);
      border-radius: 12px;
      padding: 26px 32px;
      margin: 35px 0 10px;
      box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
    }

    .vp-quote-box p {
      font-size: 17.5px;
      line-height: 1.68;
      color: #0f172a;
      font-style: italic;
      margin: 0 0 10px;
    }

    .vp-quote-box span {
      font-style: normal;
      font-weight: 800;
      color: #0f172a;
      font-size: 16.5px;
      display: block;
    }

    .vp-img-collage {
      position: relative;
      width: 100%;
      padding-bottom: 30px;
    }

    .vp-img-collage .vp-img-main {
      width: 88%;
      border-radius: 16px;
      box-shadow: var(--vp-shadow-lg);
      display: block;
      object-fit: cover;
    }

    .vp-img-collage .vp-img-sub {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 55%;
      border-radius: 14px;
      border: 4px solid #ffffff;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
      object-fit: cover;
    }

    .vp-company-callout {
      background: linear-gradient(135deg, #1a244d 0%, #25346a 100%);
      color: #ffffff;
      padding: 60px 40px;
      border-radius: 20px;
      margin: 40px 0;
      box-shadow: var(--vp-shadow-lg);
      position: relative;
      overflow: hidden;
      text-align: center;
    }

    .vp-company-callout::before {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(97, 206, 112, 0.15) 0%, transparent 70%);
      pointer-events: none;
    }

    .vp-company-callout h2 {
      color: #ffffff !important;
      font-size: clamp(28px, 3.2vw, 40px);
      margin-bottom: 12px;
      font-weight: 800;
    }

    .vp-company-callout p {
      color: #ffffff !important;
      font-size: 18px;
      max-width: 680px;
      line-height: 1.65;
      margin: 0 auto 25px;
      font-weight: 500;
    }

    .vp-counter-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 24px;
      margin-top: 40px;
      padding-top: 35px;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .vp-counter-item {
      text-align: center;
    }

    .vp-counter-number {
      font-size: clamp(36px, 3.5vw, 46px);
      font-weight: 900;
      color: #ffffff;
      margin-bottom: 6px;
    }

    .vp-counter-number span {
      color: #61ce70;
    }

    .vp-counter-label {
      font-size: 16px;
      color: #ffffff;
      font-weight: 600;
      line-height: 1.4;
    }

    .vp-team-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
      margin-top: 35px;
    }

    .vp-team-card {
      background: #ffffff;
      border-radius: 16px;
      border: 1px solid #e2e8f0;
      padding: 28px;
      display: flex;
      align-items: center;
      gap: 22px;
      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .vp-team-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    }

    .vp-team-avatar {
      width: 85px;
      height: 85px;
      min-width: 85px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--vp-primary-light), var(--vp-primary));
      color: #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      box-shadow: 0 6px 15px rgba(37, 52, 106, 0.25);
    }

    .vp-team-info h4 {
      font-size: 19px;
      font-weight: 800;
      color: var(--vp-primary);
      margin: 0 0 4px;
    }

    .vp-team-info .vp-team-role {
      font-size: 13px;
      color: var(--vp-secondary);
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      margin-bottom: 8px;
      display: block;
    }

    .vp-team-info .vp-team-phone {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      color: #475569;
      text-decoration: none;
      font-weight: 600;
      margin-bottom: 12px;
    }

    .vp-team-info .vp-team-phone:hover {
      color: var(--vp-primary);
    }

    .vp-team-socials {
      display: flex;
      gap: 10px;
    }

    .vp-team-socials a {
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background: #f1f5f9;
      color: var(--vp-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      transition: all 0.2s ease;
      text-decoration: none;
    }

    .vp-team-socials a:hover {
      background: var(--vp-primary);
      color: #ffffff;
    }

    @media (max-width: 991px) {
      .vp-img-collage {
        margin-bottom: 40px;
      }

      .vp-counter-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 25px;
      }

      .vp-team-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 600px) {
      .vp-counter-grid {
        grid-template-columns: 1fr;
      }

      .vp-team-card {
        flex-direction: column;
        text-align: center;
      }

      .vp-team-socials {
        justify-content: center;
      }
    }

    /* Products Rich Mega Dropdown Menu (Appears on all pages) */
    .vp-dropdown.vp-megamenu {
      min-width: 820px;
      left: -150px;
      padding: 24px;
      border-radius: 16px;
      box-shadow: 0 20px 45px rgba(15, 23, 42, 0.18);
      border: 1px solid rgba(226, 232, 240, 0.8);
    }

    .vp-megamenu-grid {
      display: grid;
      grid-template-columns: 1fr 280px;
      gap: 24px;
      align-items: stretch;
    }

    .vp-megamenu-links {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px 12px;
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .vp-megamenu-links li {
      margin: 0;
    }

    .vp-megamenu-links li a {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 9px 12px;
      border-radius: 8px;
      font-size: 13.5px;
      color: #334155;
      font-weight: 600;
      border-left: none;
      background: transparent;
      transition: all 0.2s ease;
    }

    .vp-megamenu-links li a:hover {
      background: #f1f5f9;
      color: var(--vp-primary);
      padding-left: 14px;
    }

    .vp-megamenu-icon {
      width: 32px;
      height: 32px;
      min-width: 32px;
      border-radius: 8px;
      background: rgba(37, 52, 106, 0.07);
      color: var(--vp-primary);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      transition: all 0.2s ease;
    }

    .vp-megamenu-links li a:hover .vp-megamenu-icon {
      background: var(--vp-secondary);
      color: #ffffff;
    }

    .vp-megamenu-featured {
      background: linear-gradient(135deg, #1a244d 0%, #25346a 100%);
      border-radius: 12px;
      overflow: hidden;
      padding: 18px;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      position: relative;
      box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    }

    .vp-megamenu-featured img {
      width: 100%;
      height: 125px;
      object-fit: cover;
      border-radius: 8px;
      margin-bottom: 14px;
      display: block;
    }

    .vp-megamenu-featured .vp-featured-tag {
      font-size: 10.5px;
      font-weight: 800;
      text-transform: uppercase;
      color: #61ce70;
      letter-spacing: 0.8px;
      display: block;
      margin-bottom: 4px;
    }

    .vp-megamenu-featured h5 {
      font-size: 14.5px;
      color: #ffffff;
      font-weight: 700;
      margin: 0 0 6px;
      line-height: 1.35;
    }

    .vp-megamenu-featured p {
      font-size: 12px;
      color: #cbd5e1;
      line-height: 1.45;
      margin: 0 0 14px;
    }

    .vp-megamenu-featured a.vp-btn-featured {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      background: var(--vp-secondary);
      color: #ffffff !important;
      font-size: 12px;
      font-weight: 700;
      padding: 8px 14px;
      border-radius: 6px;
      text-decoration: none;
      transition: background 0.2s;
      width: 100%;
      box-sizing: border-box;
    }

    .vp-megamenu-featured a.vp-btn-featured:hover {
      background: #4ea83c;
    }

    /* Facility Production Gallery & Cards */
    .vp-facility-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
      margin: 35px 0 50px;
    }

    .vp-facility-card {
      background: #ffffff;
      border-radius: 20px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
      padding: 30px 26px;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .vp-facility-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 15px 35px rgba(0, 0, 0, 0.10);
    }

    .vp-facility-card h4 {
      font-size: 22px;
      font-weight: 800;
      color: #0f172a;
      margin: 0 0 18px;
      padding-bottom: 14px;
      border-bottom: 2px solid #f1f5f9;
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .vp-facility-card h4 i {
      color: var(--vp-secondary);
      font-size: 18px;
    }

    .vp-facility-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .vp-facility-list li {
      display: flex;
      align-items: flex-start;
      gap: 12px;
      font-size: 16px;
      color: #0f172a;
      line-height: 1.55;
      margin-bottom: 12px;
      font-weight: 500;
    }

    .vp-facility-list li:last-child {
      margin-bottom: 0;
    }

    .vp-facility-list li i {
      color: var(--vp-secondary);
      font-size: 15px;
      margin-top: 3px;
      min-width: 16px;
    }

    /* Gallery styles defined in main section below */

    @media (max-width: 1100px) {
      .vp-dropdown.vp-megamenu {
        min-width: 700px;
        left: -180px;
      }
    }

    @media (max-width: 991px) {
      .vp-facility-grid {
        grid-template-columns: 1fr;
      }

      .vp-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 600px) {
      .vp-gallery-grid {
        grid-template-columns: 1fr;
      }
    }

    /* DEDICATED ALL PRODUCTS CATALOGUE GRID (Rich Modern Cards) */
    .vp-all-products-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
      margin-top: 20px;
    }

    .vp-prod-card-rich {
      background: #ffffff;
      border-radius: 14px;
      border: 1px solid #e2e8f0;
      box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
      position: relative;
    }

    .vp-prod-card-rich:hover {
      transform: translateY(-6px);
      box-shadow: 0 16px 36px rgba(37, 52, 106, 0.12);
      border-color: #cbd5e1;
    }

    .vp-prod-media {
      position: relative;
      width: 100%;
      height: 230px;
      overflow: hidden;
      background: #f8fafc;
    }

    .vp-prod-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
      display: block;
    }

    .vp-prod-card-rich:hover .vp-prod-media img {
      transform: scale(1.06);
    }

    .vp-prod-badge {
      position: absolute;
      top: 14px;
      left: 14px;
      background: rgba(15, 23, 42, 0.85);
      backdrop-filter: blur(6px);
      color: #a3e635;
      font-size: 11px;
      font-weight: 800;
      padding: 5px 12px;
      border-radius: 6px;
      letter-spacing: 0.6px;
      text-transform: uppercase;
      z-index: 2;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .vp-prod-body {
      padding: 24px;
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }

    .vp-prod-title {
      font-family: var(--vp-font-heading);
      font-size: 22px;
      font-weight: 800;
      line-height: 1.35;
      margin: 0 0 10px;
    }

    .vp-prod-title a {
      color: #0f172a !important;
      text-decoration: none;
      transition: color 0.2s ease;
    }

    .vp-prod-title a:hover {
      color: var(--vp-secondary) !important;
    }

    .vp-prod-text {
      font-size: 16px;
      color: #1e293b;
      line-height: 1.65;
      margin: 0 0 18px;
      flex-grow: 1;
      font-weight: 450;
    }

    .vp-prod-specs-list {
      list-style: none;
      margin: 0 0 22px;
      padding: 0;
      border-top: 1px dashed #e2e8f0;
      padding-top: 16px;
    }

    .vp-prod-specs-list li {
      font-size: 15px;
      color: #0f172a;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 600;
    }

    .vp-prod-specs-list li i {
      color: var(--vp-secondary);
      font-size: 12px;
      font-weight: 900;
    }

    .vp-prod-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      width: 100%;
      padding: 12px 18px;
      background: #f1f5f9;
      color: #0f172a;
      font-weight: 700;
      font-size: 15.5px;
      border-radius: 8px;
      text-decoration: none;
      transition: all 0.25s ease;
      box-sizing: border-box;
    }

    .vp-prod-btn:hover {
      background: var(--vp-primary);
      color: #ffffff !important;
    }

    .vp-prod-btn:hover i {
      transform: translateX(4px);
    }

    .vp-prod-btn i {
      transition: transform 0.2s ease;
    }

    @media (max-width: 1024px) {
      .vp-all-products-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 768px) {
      .vp-all-products-grid {
        grid-template-columns: 1fr;
      }
    }

    .vp-blue-box {
      background: linear-gradient(135deg, #10183b 0%, #0a1028 100%) !important;
      color: #ffffff !important;
    }

    body {
      color: #0f172a !important;
      font-size: 17.5px !important;
    }

    color: #0f172a !important;
    font-size: 17.5px !important;
  }

  /* Ensure all paragraphs across body and inner containers are dark and clearly legible */
  .vp-section p,
  .vp-section-alt p,
  .site-main p,
  .entry-content p,
  .page-content p {
    color: #1e293b !important;
    font-size: 16.5px !important;
    line-height: 1.68 !important;
  }

  /* Ensure all headings are dark and prominently sized */
  .vp-section h1:not(.vp-hero h1):not(.vp-hero-title),
  .vp-section h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .vp-section h3:not(.vp-hero h3):not(.vp-cta-box h3),
  .vp-section h4:not(.vp-footer h4),
  .vp-section-alt h1:not(.vp-hero h1):not(.vp-hero-title),
  .vp-section-alt h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .vp-section-alt h3:not(.vp-hero h3):not(.vp-cta-box h3),
  .vp-section-alt h4:not(.vp-footer h4),
  .site-main h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .site-main h3:not(.vp-hero h3):not(.vp-cta-box h3) {
    color: #0f172a !important;
    font-weight: 800 !important;
  }

  /* Section titles and descriptions */
  .vp-section-title {
    font-size: clamp(32px, 3.2vw, 38px) !important;
    font-weight: 800 !important;
    color: #0f172a !important;
  }

  .vp-section-desc {
    font-size: 17.5px !important;
    color: #1e293b !important;
    line-height: 1.65 !important;
  }
}

.vp-gallery-item {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid var(--vp-border) !important;
  background: #f8fafc !important;
  aspect-ratio: 4 / 3 !important;
  height: auto !important;
  min-height: 190px !important;
  max-height: 440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.vp-gallery-item img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.vp-gallery-item:hover img {
  transform: scale(1.05) !important;
}

/* Overlapping Image Collage (About / Company Profile) */
.vp-img-collage {
  position: relative;
  width: 100%;
}

.vp-feature-card p {
  font-size: 14.5px;
  color: #475569;
  line-height: 1.6;
  margin: 0;
}

/* Technical Specifications Card Grid (Single Product Pages - Task 3) */
.vp-specs-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
  margin-top: 30px;
}

@media (max-width: 991px) {
  .vp-specs-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* ================================================================
   FACILITIES & GALLERY STYLING (OUR FACILITIES PAGE)
   ================================================================ */
.vp-facility-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin-top: 30px;
}

@media (max-width: 991px) {
  .vp-facility-grid {
    grid-template-columns: 1fr;
  }
}

.vp-facility-card {
  background: #ffffff;
  border: 1px solid var(--vp-border);
  border-radius: 14px;
  padding: 28px 24px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  overflow: visible !important;
}

.vp-facility-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 30px rgba(16, 24, 59, 0.10);
  border-color: var(--vp-secondary);
  height: auto !important;
}

.vp-spec-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(86, 158, 50, 0.10);
  color: var(--vp-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}

.vp-spec-card:hover .vp-spec-icon {
  background: var(--vp-secondary);
  color: #ffffff;
}

.vp-spec-label {
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--vp-secondary);
  display: block;
  margin-bottom: 6px;
}

.vp-spec-title {
  font-size: 17.5px;
  font-weight: 800;
  color: var(--vp-primary);
  margin: 0 0 10px;
}

.vp-facility-list li i {
  color: var(--vp-secondary);
  font-size: 14px;
  flex-shrink: 0;
}

.vp-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 26px !important;
  width: 100% !important;
  max-width: 1240px !important;
  margin: 32px auto 0 !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  .vp-gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 600px) {
  .vp-gallery-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}

.vp-gallery-item {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 190px !important;
  max-height: 440px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.vp-product-overview-left .vp-card-specs li i {
  color: var(--vp-secondary) !important;
  font-size: 18px !important;
  margin-top: 3px !important;
  flex-shrink: 0 !important;
}

.vp-product-overview-left .vp-btn-primary,
.vp-product-overview-left .vp-btn-secondary {
  padding: 14px 28px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Single Product Image Container & Assembly Page Full Card Image */
.vp-single-img-wrap {
  width: 100% !important;
  max-width: 620px !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  box-shadow: 0 12px 35px rgba(15, 23, 42, 0.1) !important;
  display: block !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  font-size: 0 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.vp-single-img-wrap:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.15) !important;
}

.vp-single-img-wrap img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: inherit !important;
  line-height: 0 !important;
  transition: transform 0.4s ease !important;
}

.vp-single-img-wrap:hover img {
  transform: scale(1.05) !important;
}

/* Overlapping Image Collage (About / Company Profile) */
.vp-img-collage {
  position: relative;
  width: 100%;
  max-width: 660px;
  margin: 0 auto;
  padding-bottom: 55px;
}

.vp-img-collage .vp-img-main {
  width: 90%;
  height: 440px;
  border-radius: 16px;
  box-shadow: var(--vp-shadow-lg);
  display: block;
  object-fit: cover;
}

.vp-img-collage .vp-img-sub {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 58%;
  height: 310px;
  border-radius: 14px;
  border: 5px solid #ffffff;
  box-shadow: var(--vp-shadow-xl);
  display: block;
  object-fit: cover;
}

@media (max-width: 768px) {
  .vp-img-collage {
    max-width: 100%;
    padding-bottom: 30px;
  }

  .vp-img-collage .vp-img-main {
    width: 92%;
    height: 280px;
  }

  .vp-img-collage .vp-img-sub {
    width: 58%;
    height: 190px;
  }
}

/* Specs Table */
.vp-specs-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}

.vp-specs-table td,
.vp-specs-table th {
  padding: 12px 16px;
  border-bottom: 1px solid #e2e8f0;
  font-size: 14.5px;
  color: #1e293b;
}

.vp-specs-table th {
  background: #f8fafc;
  font-weight: 700;
}

.vp-spec-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 26px 22px;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.04);
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
  border-top: 4px solid var(--vp-secondary);
}

.vp-spec-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.10);
  border-color: #cbd5e1;
  border-top-color: var(--vp-secondary);
}

.vp-spec-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: rgba(86, 158, 50, 0.10);
  color: var(--vp-secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}

.vp-spec-card:hover .vp-spec-icon {
  background: var(--vp-secondary);
  color: #ffffff;
}

.vp-spec-label {
  font-size: 11.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--vp-secondary);
  display: block;
  margin-bottom: 6px;
}

.vp-spec-title {
  font-size: 17.5px;
  font-weight: 800;
  color: var(--vp-primary);
  margin: 0;
}

.vp-testimonial-card:hover {
  border-color: var(--vp-secondary) !important;
  box-shadow: 0 12px 30px rgba(37, 52, 106, 0.1) !important;
  transform: translateY(-4px);
}

.vp-about-quote-wrap {
  border-left: 4px solid var(--vp-secondary) !important;
}


/* Full Width & Full Screen Layout for all Elementor sections, inner pages & single posts */
.site-main,
.page-content,
.entry-content,
article.page,
article.post {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.elementor {
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-section.elementor-section-boxed>.elementor-container,
.elementor-section.elementor-section-full_width>.elementor-container {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.elementor-section.elementor-section-boxed>.elementor-container>.elementor-column>.elementor-widget-wrap,
.elementor-section.elementor-section-full_width>.elementor-container>.elementor-column>.elementor-widget-wrap {
  padding: 0 !important;
}

/* ================= MAHASHAKTI-STYLE HOMEPAGE SECTIONS ================= */
.vp-work-box {
  cursor: default !important;
}

.vp-work-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 24px rgba(37, 52, 106, 0.12) !important;
  border-color: var(--vp-secondary) !important;
}

.vp-work-box:hover img {
  transform: scale(1.05);
}

.vp-wcu-box:hover {
  border-color: var(--vp-secondary) !important;
  box-shadow: 0 8px 20px rgba(37, 52, 106, 0.08) !important;
  transform: translateY(-2px);
}

.vp-highlights-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.vp-highlight-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 24px;
}

@media (max-width: 991px) {
  .vp-highlights-grid {
    grid-template-columns: 1fr !important;
  }

  .vp-testimonials-section .vp-grid-3 {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   INSIGHT / BLOG SINGLE POST STYLES (Matching vedaxagency.com)
   ========================================================================== */

body:not([class*="elementor-page-"]) .site-main.vedax-single-insight {
  max-width: 1340px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0 20px 60px;
}

/* ==========================================================================
   INSIGHT, BLOG & CASE STUDY SINGLE POST STYLES (Exact Match: vedaxagency.com)
   ========================================================================== */

/* 1. Hero Section: 300px height with rotary filling line machinery image from Screenshot 2 */
.blog-single-hero {
  position: relative !important;
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-bottom: none !important;
  background-size: cover !important;
  background-position: 50% 25% !important;
  background-repeat: no-repeat !important;
}

.blog-single-hero-inner,
.blog-single-hero .vp-hero-container {
  max-width: 1300px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  position: relative !important;
  z-index: 2 !important;
  text-align: left !important;
  width: 100% !important;
}

.blog-single-hero h1.entry-title,
.blog-single-hero .vp-hero-title {
  color: #ffffff !important;
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  font-size: clamp(26px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: -0.5px !important;
  text-align: left !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.blog-single-hero .vp-hero-desc {
  color: #f1f5f9 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
  max-width: 800px !important;
}

/* 2. Custom Breadcrumb: Soft Green Tint Bar matching Screenshot 2 (Strictly Left Aligned) */
.custom-breadcrumb {
  position: relative !important;
  font-size: 15px !important;
  font-family: var(--vp-font-body, 'Roboto', sans-serif) !important;
  background: #f4f9f1 !important;
  border-top: 1px solid rgba(86, 158, 50, 0.12) !important;
  border-bottom: 1px solid rgba(86, 158, 50, 0.12) !important;
  padding: 12px 0 !important;
  margin: 0 0 35px 0 !important;
  width: 100% !important;
  text-align: left !important;
}

.custom-breadcrumb-inner {
  width: 95% !important;
  max-width: 95vw !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.custom-breadcrumb a {
  color: #569e32 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: color 0.2s ease !important;
}

.custom-breadcrumb a:hover {
  color: #3f7b22 !important;
  text-decoration: underline !important;
}

.custom-breadcrumb .breadcrumb-icon {
  width: 16px !important;
  height: 16px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  stroke: #569e32 !important;
}

.custom-breadcrumb .breadcrumb-sep {
  color: #569e32 !important;
  margin: 0 2px !important;
  font-weight: 600 !important;
}

.custom-breadcrumb span {
  color: #569e32 !important;
  font-weight: 600 !important;
}

/* 3. Main Two-Column Layout (Matching Screenshots 2 & 3: Left TOC, Right Content) */
.blog-single-post {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 40px !important;
  max-width: 1300px !important;
  margin: 0 auto 60px auto !important;
  padding: 0 24px !important;
  position: relative !important;
  box-sizing: border-box !important;
}

/* LEFT COLUMN: Sticky Table of Contents & Widgets (order: 1, 280px width) */
.blog-single-sidebar,
.blog-single-post-right.right-sidebar-fixed {
  width: 280px !important;
  flex-shrink: 0 !important;
  order: 1 !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 95px !important;
  align-self: flex-start !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  z-index: 99 !important;
  margin: 0 !important;
}

body.admin-bar .blog-single-sidebar,
body.admin-bar .blog-single-post-right.right-sidebar-fixed {
  top: 135px !important;
}

/* RIGHT COLUMN: Main Article Content (order: 2, ~calc(100% - 320px) width) */
.blog-single-content,
.blog-single-post-left {
  width: calc(100% - 320px) !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 2 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.blog-sticky {
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding-right: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

.blog-sticky::-webkit-scrollbar,
.blog-single-sidebar::-webkit-scrollbar,
#ez-toc-container::-webkit-scrollbar,
#ez-toc-container nav::-webkit-scrollbar,
#vedax-toc-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.blog-sticky::-webkit-scrollbar-thumb {
  display: none !important;
  background: transparent !important;
}

/* 1. Table of Contents Card */
#ez-toc-container {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  margin: 0 !important;
  padding: 22px 20px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ez-toc-title {
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #10183b !important;
  margin: 0 0 14px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.ez-toc-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ez-toc-list li {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

.ez-toc-list li:last-child {
  margin-bottom: 0 !important;
}

.ez-toc-link {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  padding: 4px 6px !important;
  border-radius: 6px !important;
}

.ez-toc-link:hover,
.ez-toc-link.active {
  color: #569e32 !important;
  background: #f0fdf4 !important;
  font-weight: 700 !important;
  padding-left: 10px !important;
}

.ez-toc-link .toc-num {
  color: #569e32 !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}

/* Table of Contents H2 and H3 Hierarchical Styling */
.ez-toc-list li.ez-toc-heading-level-2 {
  margin: 0 0 8px 0 !important;
}

.ez-toc-list li.ez-toc-heading-level-3,
.ez-toc-list li.ez-toc-sub-item {
  margin-left: 14px !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

.ez-toc-link.ez-toc-link-sub {
  font-size: 13px !important;
  color: #64748b !important;
  padding: 3px 6px !important;
}

.ez-toc-link.ez-toc-link-sub .toc-num {
  font-size: 12px !important;
  color: #65a30d !important;
  font-weight: 600 !important;
}

.ez-toc-link.ez-toc-link-sub:hover,
.ez-toc-link.ez-toc-link-sub.active {
  color: #569e32 !important;
  background: #f0fdf4 !important;
  font-weight: 600 !important;
  padding-left: 9px !important;
}

.ez-toc-link.ez-toc-link-sub:hover .toc-num,
.ez-toc-link.ez-toc-link-sub.active .toc-num {
  color: #569e32 !important;
}

/* 2. Sticky Technical Quotation / Consultation Card */
.sidebar-quotation-card {
  background: linear-gradient(135deg, #10183b 0%, #1e2c60 100%) !important;
  border-radius: 14px !important;
  padding: 24px 20px !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(16, 24, 59, 0.15) !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
}

.sidebar-quotation-card::after {
  content: "" !important;
  position: absolute !important;
  right: -20px !important;
  bottom: -20px !important;
  width: 100px !important;
  height: 100px !important;
  background: radial-gradient(circle, rgba(96, 174, 73, 0.25) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.sqc-badge {
  display: inline-block !important;
  background: rgba(96, 174, 73, 0.25) !important;
  color: #61ce70 !important;
  border: 1px solid rgba(96, 174, 73, 0.4) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}

.sqc-title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 10px 0 !important;
  line-height: 1.35 !important;
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
}

.sqc-desc {
  color: #cbd5e1 !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px 0 !important;
}

.sqc-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: #569e32 !important;
  color: #ffffff !important;
  padding: 12px 18px !important;
  border-radius: 8px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px rgba(86, 158, 50, 0.35) !important;
  box-sizing: border-box !important;
}

.sqc-btn:hover {
  background: #468627 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(86, 158, 50, 0.5) !important;
}

.sqc-contact-info {
  margin-top: 16px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.sqc-contact-item {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13.5px !important;
}

.sqc-contact-item a {
  color: #e2e8f0 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.sqc-contact-item a:hover {
  color: #61ce70 !important;
}

/* 3. Explore Products Sidebar Widget */
.sidebar-products-widget {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  padding: 22px 20px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  box-sizing: border-box !important;
}

.spw-title {
  color: #10183b !important;
  font-size: 17.5px !important;
  font-weight: 700 !important;
  margin: 0 0 14px 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
}

.spw-list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.spw-list li {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.spw-list li:last-child {
  margin-bottom: 0 !important;
}

.spw-list a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #334155 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  padding: 6px 8px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
}

.spw-list a:hover {
  color: #569e32 !important;
  background: #f8fafc !important;
  padding-left: 12px !important;
}

.spw-bullet {
  color: #569e32 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
}

/* 4. Quality & Compliance Badge */
.sidebar-quality-badge {
  background: #f0fdf4 !important;
  border: 1px solid #bbf7d0 !important;
  border-radius: 12px !important;
  padding: 14px 18px !important;
  box-sizing: border-box !important;
}

.sqb-header {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.sqb-icon {
  font-size: 24px !important;
}

.sqb-header strong {
  display: block !important;
  color: #166534 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

.sqb-header p {
  margin: 2px 0 0 0 !important;
  color: #15803d !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* 4. Author & Meta Details Bar (Matching Screenshot 2 Exactly) */
.author-detailswrap {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 36px !important;
  padding: 16px 24px !important;
  background: #f5f5f5 !important;
  border-radius: 12px !important;
  margin-bottom: 28px !important;
  border: none !important;
  box-sizing: border-box !important;
}

.author-namewrap {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.author-namewrap .avatar {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  background: #cbd5e1 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.author-detailswrap .text-wrap p {
  margin: 0 0 2px 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.2 !important;
}

.author-detailswrap .text-wrap h6 {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #10183b !important;
  line-height: 1.3 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.author-detailswrap .text-wrap h6 svg {
  color: #10183b !important;
}

/* 5. Article Content & Typography */
.blog-single-post-left .page-content {
  font-family: var(--vp-font-body, 'Roboto', sans-serif) !important;
  font-size: 16.5px !important;
  line-height: 1.75 !important;
  color: #1f2937 !important;
}

.blog-single-post-left .page-content p {
  margin: 0 0 22px 0 !important;
  color: #1f2937 !important;
}

.blog-single-post-left .page-content h2 {
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  color: #10183b !important;
  margin: 36px 0 16px 0 !important;
  line-height: 1.3 !important;
  border: none !important;
  padding: 0 !important;
}

.blog-single-post-left .page-content h3 {
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #10183b !important;
  margin: 26px 0 14px 0 !important;
  line-height: 1.35 !important;
}

.blog-single-post-left .page-content h4 {
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #10183b !important;
  margin: 20px 0 12px 0 !important;
}

.blog-single-post-left .page-content a {
  color: #569e32 !important;
  font-weight: 600 !important;
  text-decoration: underline !important;
  transition: color 0.2s ease !important;
}

.blog-single-post-left .page-content a:hover {
  color: #3f7b22 !important;
}

/* Checkmark Lists Matching Screenshot 3 */
.blog-single-post-left .page-content ul {
  margin: 0 0 24px 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.blog-single-post-left .page-content ul li {
  position: relative !important;
  padding-left: 28px !important;
  margin-bottom: 12px !important;
  color: #1f2937 !important;
  line-height: 1.65 !important;
  font-size: 16px !important;
}

.blog-single-post-left .page-content ul li::before {
  content: "✔" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #10183b !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

.blog-single-post-left .page-content ol {
  margin: 0 0 24px 0 !important;
  padding-left: 24px !important;
}

.blog-single-post-left .page-content ol li {
  margin-bottom: 10px !important;
  color: #1f2937 !important;
  line-height: 1.7 !important;
}

.blog-single-post-left .page-content blockquote {
  margin: 28px 0 !important;
  padding: 20px 24px !important;
  background: #f8fafc !important;
  border-left: 4px solid #569e32 !important;
  border-radius: 0 10px 10px 0 !important;
  font-style: italic !important;
  color: #1f2937 !important;
  font-size: 17px !important;
  border: 1px solid #e2e8f0 !important;
  border-left-width: 4px !important;
}

/* Clean Table Matching Screenshot 3 */
.blog-single-post-left .page-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 26px 0 !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
}

.blog-single-post-left .page-content table th {
  background: #f8fafc !important;
  color: #10183b !important;
  padding: 12px 18px !important;
  text-align: left !important;
  font-weight: 700 !important;
  font-size: 14.5px !important;
  border: 1px solid #e2e8f0 !important;
}

.blog-single-post-left .page-content table td {
  padding: 12px 18px !important;
  border: 1px solid #e2e8f0 !important;
  color: #334155 !important;
  font-size: 14.5px !important;
}

.blog-single-post-left .page-content table tr:nth-child(even) td {
  background: #fbfcfd !important;
}

/* Category Pills Badges matching vedaxagency.com */
.realted-categorywrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin: 0 0 25px 0 !important;
}

.realted-categorywrap span a {
  display: inline-block !important;
  padding: 5px 16px !important;
  background: #f3f4f6 !important;
  border-radius: 12px !important;
  color: #374151 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.realted-categorywrap span a:hover {
  background: #569e32 !important;
  color: #ffffff !important;
}

/* In-Content Products Showcase Grid */
.insight-products-showcase {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  padding: 34px 30px !important;
  margin: 45px 0 35px 0 !important;
  box-sizing: border-box !important;
}

.ips-header {
  margin-bottom: 26px !important;
}

.ips-badge {
  display: inline-block !important;
  background: rgba(86, 158, 50, 0.14) !important;
  color: #569e32 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 10px !important;
}

.ips-title {
  color: #10183b !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  margin: 0 0 8px 0 !important;
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
  line-height: 1.3 !important;
}

.ips-desc {
  color: #64748b !important;
  font-size: 15px !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

.ips-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
  margin-bottom: 26px !important;
}

.ips-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 2px 8px rgba(16, 24, 59, 0.03) !important;
}

.ips-card:hover {
  transform: translateY(-3px) !important;
  border-color: #569e32 !important;
  box-shadow: 0 8px 24px rgba(86, 158, 50, 0.12) !important;
}

.ips-card-icon {
  width: 44px !important;
  height: 44px !important;
  border-radius: 10px !important;
  background: rgba(86, 158, 50, 0.12) !important;
  color: #569e32 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 14px !important;
}

.ips-card h4 {
  margin: 0 0 8px 0 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.ips-card h4 a {
  color: #10183b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.ips-card h4 a:hover {
  color: #569e32 !important;
}

.ips-card p {
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 0 14px 0 !important;
  flex-grow: 1 !important;
}

.ips-link {
  color: #569e32 !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: gap 0.2s ease !important;
}

.ips-link:hover {
  gap: 8px !important;
  color: #468627 !important;
  text-decoration: none !important;
}

.ips-cta-banner {
  background: linear-gradient(135deg, #10183b 0%, #0a1028 100%) !important;
  border-radius: 12px !important;
  padding: 24px 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  color: #ffffff !important;
  flex-wrap: wrap !important;
}

.ips-cta-text {
  flex: 1 1 320px !important;
}

.ips-cta-text h4 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 6px 0 !important;
}

.ips-cta-text p {
  color: #94a3b8 !important;
  font-size: 13.5px !important;
  margin: 0 !important;
  line-height: 1.5 !important;
}

.ips-cta-action {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

.ips-btn-primary {
  background: #569e32 !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.ips-btn-primary:hover {
  background: #468627 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.ips-btn-secondary {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  color: #ffffff !important;
  padding: 10px 18px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.ips-btn-secondary:hover {
  border-color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* Author Biography Card matching vedaxagency.com */
.boigraphywrap-outer {
  background: #f5f5f5 !important;
  padding: 40px !important;
  border-radius: 12px !important;
  margin: 45px 0 20px 0 !important;
  border: none !important;
}

.boigraphywrap {
  display: flex !important;
  gap: 40px !important;
  align-items: flex-start !important;
}

.author-imagewrap {
  flex-shrink: 0 !important;
}

.author-imagewrap img,
.author-imagewrap .avatar {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
  background: #e2e8f0 !important;
}

.boigraphywrap .content-wrap {
  flex: 1 !important;
}

.boigraphywrap .inner-wrap {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  margin-bottom: 16px !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
}

.author-info h3 {
  margin: 0 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.author-info h3 a {
  color: #10183b !important;
  text-decoration: none !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-transform: capitalize !important;
}

.author-role {
  display: block !important;
  margin-top: 4px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #569e32 !important;
}

.boigraphywrap .btn-wrap a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px 24px !important;
  border: 1px solid #10183b !important;
  border-radius: 14px !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #10183b !important;
  transition: all .25s ease !important;
  white-space: nowrap !important;
}

.boigraphywrap .btn-wrap a:hover {
  background: #10183b !important;
  color: #ffffff !important;
}

.boigraphywrap .content-wrap p {
  margin: 0 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  color: #374151 !important;
}

/* Related Posts Section matching vedaxagency.com */
.related-posts-section {
  width: 100% !important;
  max-width: 1340px !important;
  margin: 40px auto 70px auto !important;
  padding: 0 24px !important;
  box-sizing: border-box !important;
}

.related-posts-title {
  font-size: 36px !important;
  font-weight: 800 !important;
  margin-bottom: 28px !important;
  color: #10183b !important;
  font-family: var(--vp-font-heading, 'Red Hat Display', 'Roboto', sans-serif) !important;
}

.related-posts-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  width: 100% !important;
}

.bpm-grid {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  padding: 18px !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.bpm-grid:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.12) !important;
  border-color: #cbd5e1 !important;
}

.bpm-thumb {
  width: 100% !important;
  height: 220px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin-bottom: 14px !important;
  background: #f1f5f9 !important;
}

.bpm-thumb a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.bpm-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  transition: transform 0.4s ease !important;
}

.bpm-grid:hover .bpm-thumb img {
  transform: scale(1.05) !important;
}

.blog-publish-info {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  font-size: 13.5px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.blog-publish-info p {
  margin: 0 !important;
}

.blog-publish-info a {
  color: #569e32 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.bpm-grid h3 {
  margin: 0 0 10px 0 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: calc(1.4em * 2) !important;
}

.bpm-grid h3 a {
  color: #10183b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.bpm-grid h3 a:hover {
  color: #569e32 !important;
}

.bpm-grid p {
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 0 18px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.bpm-read-more {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 10px 22px !important;
  background: #569e32 !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 14px rgba(86, 158, 50, 0.3) !important;
  align-self: flex-start !important;
}

.bpm-read-more:hover {
  background: #10183b !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(16, 24, 59, 0.3) !important;
}

/* 6. Responsive Breakpoints */
@media screen and (min-width: 993px) and (max-width: 1200px) {
  .blog-single-post {
    gap: 28px !important;
  }

  .blog-single-post-right.right-sidebar-fixed {
    width: 290px !important;
  }

  .blog-single-post-left {
    width: calc(100% - 318px) !important;
  }

  .ips-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 992px) {
  .blog-single-post {
    flex-direction: column !important;
    gap: 20px !important;
    padding: 0 !important;
    margin-top: 14px !important;
  }

  /* Table of Contents right below Hero / Green breadcrumb bar */
  .blog-single-post-right.right-sidebar-fixed,
  .blog-single-sidebar {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    order: 1 !important;
    margin: 0 0 10px 0 !important;
  }

  .blog-single-post-left,
  .blog-single-content {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
  }

  .blog-sticky {
    max-height: none !important;
    overflow-y: visible !important;
    position: static !important;
  }

  .ips-grid {
    grid-template-columns: 1fr !important;
  }

  .related-posts-wrapper {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 767px) {
  .author-detailswrap {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    padding: 14px 18px !important;
  }

  .boigraphywrap {
    flex-direction: column !important;
    gap: 20px !important;
    text-align: center !important;
    align-items: center !important;
  }

  .boigraphywrap .inner-wrap {
    justify-content: center !important;
  }

  .ips-cta-banner {
    flex-direction: column !important;
    text-align: center !important;
  }

  .ips-cta-action {
    justify-content: center !important;
  }
}


/* ==========================================================================
   10. LIVE UPDATE SINGLE PAGE DESIGN (Matches vedaxagency.com reference)
   ========================================================================== */
.vdx-single-lu-main {
  font-family: var(--vp-font-body, 'Roboto', sans-serif);
  color: #475569;
  background-color: #FFFFFF;
  line-height: 1.7;
  padding: 0 0 4.5rem 0;
  width: 100%;
  box-sizing: border-box;
}

.vdx-single-lu-main * {
  box-sizing: border-box;
}

.vdx-container {
  width: 92%;
  max-width: 1240px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* HERO BANNER */
.vdx-hero-banner {
  position: relative;
  background: linear-gradient(135deg, rgba(16, 24, 59, 0.95) 0%, rgba(26, 36, 77, 0.92) 100%), url('/wp-content/uploads/machines/facilities-hero-banner.webp') center/cover no-repeat;
  color: #FFFFFF;
  padding: 4.5rem 1rem;
  text-align: center;
  margin-bottom: 3rem;
}

.vdx-hero-title {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 800;
  color: #FFFFFF !important;
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.02em;
}

.vdx-hero-breadcrumbs {
  font-size: 0.95rem;
  font-weight: 500;
  color: #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vdx-hero-breadcrumbs a {
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.2s ease;
}

.vdx-hero-breadcrumbs a:hover {
  color: var(--vp-secondary, #60ae49);
}

.vdx-hero-breadcrumbs span {
  color: var(--vp-secondary, #60ae49);
}

/* TOP HEADER */
.vdx-slu-header {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 1.75rem;
}

.vdx-slu-badges {}

.vdx-single-lu-main * {
  box-sizing: border-box;
}

.vdx-container {
  width: 92%;
  max-width: 1240px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* HERO BANNER */
.vdx-hero-banner {
  position: relative;
  background: linear-gradient(135deg, rgba(16, 24, 59, 0.95) 0%, rgba(26, 36, 77, 0.92) 100%), url('/wp-content/uploads/machines/facilities-hero-banner.webp') center/cover no-repeat;
  color: #FFFFFF;
  padding: 4.5rem 1rem;
  text-align: center;
  margin-bottom: 3rem;
}

.vdx-hero-title {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif);
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  font-weight: 800;
  color: #FFFFFF !important;
  margin: 0 0 0.75rem 0;
  letter-spacing: -0.02em;
}

.vdx-hero-breadcrumbs {
  font-size: 0.95rem;
  font-weight: 500;
  color: #CBD5E1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.vdx-hero-breadcrumbs a {
  color: #FFFFFF;
  text-decoration: none;
  transition: color 0.2s ease;
}

.vdx-hero-breadcrumbs a:hover {
  color: var(--vp-secondary, #60ae49);
}

.vdx-hero-breadcrumbs span {
  color: var(--vp-secondary, #60ae49);
}

/* TOP HEADER */
.vdx-slu-header {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #E2E8F0;
  padding-bottom: 1.75rem;
}

.vdx-slu-badges {
  display: flex;
  align-items: center;
}

/* MEDIA CONTAINER */
.vdx-media-container {
  max-width: 520px;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  border-radius: 50px;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  box-shadow: 0 2px 8px rgba(96, 174, 73, 0.25);
}

.vdx-type-pill {
  background: #EEF2FF;
  color: #10183b;
  border: 1px solid #CBD5E1;
  padding: 5px 14px;
  border-radius: 50px;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: capitalize;
}

.vdx-slu-title {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif);
  font-size: clamp(2rem, 3.2vw, 2.6rem);
  font-weight: 800;
  color: #0F172A;
  line-height: 1.25;
  margin: 0 0 0.8rem 0;
}

.vdx-slu-meta {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: #64748B;
  font-size: 0.92rem;
  font-weight: 600;
  flex-wrap: wrap;
}

.vdx-slu-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* LAYOUT GRID */
.vdx-layout-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2.2rem;
  align-items: start;
}

@media (max-width: 1024px) {
  .vdx-layout-grid {
    grid-template-columns: 1fr;
  }
}

/* MEDIA CONTAINER */
.vdx-media-container {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  border: 1px solid #e2e8f0;
  background: #ffffff;
}

.vdx-media-fullwidth {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  margin-bottom: 28px !important;
  box-shadow: 0 8px 24px rgba(16, 24, 59, 0.08) !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
}

.vdx-cover-image {
  width: 100%;
  max-height: 480px;
  height: auto;
  object-fit: cover;
  object-position: center;
  display: block;
}

.vdx-cover-fullwidth {
  width: 100% !important;
  max-height: 540px !important;
  height: 540px !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

@media (max-width: 768px) {
  .vdx-cover-fullwidth {
    height: 320px !important;
    max-height: 320px !important;
  }
}

/* WP CONTENT */
.vdx-wp-content {
  background: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #E2E8F0;
  padding: 2.2rem;
  margin-bottom: 2.5rem;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #475569;
}

.vdx-content-fullwidth {
  width: 100% !important;
  max-width: 100% !important;
  background: #FFFFFF !important;
  border-radius: 16px !important;
  border: 1px solid #E2E8F0 !important;
  padding: 2.8rem 3rem !important;
  margin-bottom: 2.5rem !important;
  font-size: 1.1rem !important;
  line-height: 1.85 !important;
  color: #334155 !important;
  box-shadow: 0 4px 20px rgba(16, 24, 59, 0.04) !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .vdx-content-fullwidth {
    padding: 1.6rem 1.4rem !important;
  }
}

.vdx-wp-content h2,
.vdx-wp-content h3 {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif);
  color: #10183b;
  font-weight: 800;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
}

.vdx-wp-content p {
  color: #475569;
  font-size: 16.5px;
  line-height: 1.75;
}

/* STICKY INQUIRY SIDEBAR */
.vdx-sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 105px;
}

body.admin-bar .vdx-sidebar-sticky {
  top: 145px;
}

.vdx-inquiry-box {
  background: #FFFFFF;
  border: 1.5px solid #E2E8F0;
  border-radius: 14px;
  padding: 2.2rem;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.04);
  text-align: center;
  margin-bottom: 2rem;
}

.vdx-inquiry-box h3 {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif);
  font-size: 1.35rem;
  font-weight: 800;
  color: #10183b;
  margin: 0 0 0.5rem 0;
  transition: background 0.2s ease, transform 0.2s ease;
}

.vdx-btn-consult:hover {
  background: #0b112c;
  transform: translateY(-2px);
}

/* Bottom CTA Card: Content Left | Buttons Right (Stacked Up/Down) */
.vdx-cta-box {
  background: #F8FAFC !important;
  border: 1.5px solid #E2E8F0 !important;
  border-left: 5px solid #569e32 !important;
  border-radius: 14px !important;
  padding: 32px 38px !important;
  margin-top: 40px !important;
  margin-bottom: 50px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
  box-sizing: border-box !important;
}

.vdx-cta-text {
  flex: 1 1 auto !important;
  text-align: left !important;
  max-width: 680px !important;
}

.vdx-cta-text h2 {
  font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #10183b !important;
  margin: 0 0 8px 0 !important;
  text-align: left !important;
}

.vdx-cta-text p {
  color: #475569 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  text-align: left !important;
}

.vdx-cta-actions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 250px !important;
  min-width: 220px !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  box-sizing: border-box !important;
}

.vdx-btn-green,
.vdx-btn-navy {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 13px 20px !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
}

.vdx-btn-green {
  background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
  background-color: #569e32 !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(86, 158, 50, 0.35) !important;
}

.vdx-btn-green:hover {
  background: #468627 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(70, 134, 39, 0.4) !important;
}

.vdx-btn-navy {
  background: #10183b !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 14px rgba(16, 24, 59, 0.25) !important;
}

.vdx-btn-navy:hover {
  background: #1e293b !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(16, 24, 59, 0.35) !important;
}

/* ==========================================================================
   FLUENT FORMS INTEGRATION STYLES
   ========================================================================== */
.vp-contact-form-box .fluentform,
.fluentform.ff-default {
  width: 100% !important;
}

.vp-contact-form-box .fluentform .ff-t-container {
  display: flex !important;
  gap: 14px !important;
  width: 100% !important;
}

.vp-contact-form-box .fluentform .ff-t-cell {
  flex: 1 1 50% !important;
  width: 50% !important;
}

@media (max-width: 640px) {
  .vp-contact-form-box .fluentform .ff-t-container {
    flex-direction: column !important;
    gap: 0 !important;
  }

  .vp-contact-form-box .fluentform .ff-t-cell {
    width: 100% !important;
    flex: 1 1 100% !important;
  }
}

.vp-contact-form-box .fluentform .ff-el-group {
  margin-bottom: 16px !important;
}

.vp-contact-form-box .fluentform .ff-el-input--label label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.vp-contact-form-box .fluentform input.ff-el-form-control,
.vp-contact-form-box .fluentform textarea.ff-el-form-control,
.vp-contact-form-box .fluentform select.ff-el-form-control {
  width: 100% !important;
  padding: 12px 14px !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 8px !important;
  font-size: 15px !important;
  color: #0f172a !important;
  background-color: #ffffff !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
  font-family: inherit !important;
  line-height: 1.5 !important;
}

.vp-contact-form-box .fluentform input.ff-el-form-control:focus,
.vp-contact-form-box .fluentform textarea.ff-el-form-control:focus,
.vp-contact-form-box .fluentform select.ff-el-form-control:focus {
  border-color: #2e7d32 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15) !important;
  background-color: #ffffff !important;
}

.vp-contact-form-box .fluentform .ff-btn-submit {
  width: 100% !important;
  background: #2e7d32 !important;
  background-color: #2e7d32 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px 24px !important;
  border-radius: 8px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(46, 125, 50, 0.25) !important;
  text-align: center !important;
  display: block !important;
}

.vp-contact-form-box .fluentform .ff-btn-submit:hover {
  background: #10183b !important;
  background-color: #10183b !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(16, 24, 59, 0.25) !important;
}

.vp-contact-form-box .fluentform .ff-errors-in-stack,
.vp-contact-form-box .fluentform .text-danger {
  color: #dc2626 !important;
  font-size: 13px !important;
  margin-top: 4px !important;
  font-weight: 500 !important;
}

.vp-contact-form-box .fluentform .ff-message-success {
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  color: #166534 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 15px !important;
  text-align: center !important;
}

.vp-contact-form-box .fluentform .ff-errors-in-stack,
.vp-contact-form-box .fluentform .text-danger,
.vp-contact-form-box .fluentform .error {
  color: #ef4444 !important;
  font-size: 13px !important;
  margin-top: 5px !important;
  font-weight: 600 !important;
  display: block !important;
}

.vp-contact-form-box .fluentform .ff-message-success {
  background: #f0fdf4 !important;
  border: 1px solid #86efac !important;
  color: #166534 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin-top: 15px !important;
  text-align: center !important;
}

/* ==========================================================================
   LIVE UPDATES & ARTICLES CATEGORY FILTER TABS (MATCHING VEDAXAGENCY DESIGN)
   ========================================================================== */
.vp-filter-header.vp-filter-centered,
.vp-filter-header {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 15px auto 35px auto !important;
  padding: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
  text-align: center !important;
}

.vp-filter-tabs.vp-tabs-centered,
.vp-filter-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #1e293b !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  user-select: none !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

.vp-filter-tab-btn:hover {
  background: #e2e8f0 !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
  transform: translateY(-2px) !important;
}

.vp-filter-tab-btn.active {
  background: #28a745 !important;
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 5px 18px rgba(40, 167, 69, 0.45) !important;
  transform: translateY(-1px) !important;
}

.vp-filter-tab-btn.active i {
  color: #ffffff !important;
}

/* Card badges matching the screenshot pill badge style */
.vp-filter-tabs.vp-tabs-centered,
.vp-filter-tabs {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
}

.vp-filter-tabs::-webkit-scrollbar {
  display: none !important;
}

.vp-filter-tab-btn {
  display: inline-flex !important;
}

.vp-article-card .vp-badge-tag {
  background: #10183b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 5px 14px !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
}

.vp-article-card[data-category="company-announcements"] .vp-badge-tag {
  background: #10183b !important;
  color: #ffffff !important;
}

.vp-article-card[data-category="product-machinery-updates"] .vp-badge-tag {
  background: #28a745 !important;
  color: #ffffff !important;
}

.vp-article-card[data-category="exhibitions-events"] .vp-badge-tag {
  background: #d97706 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   HERO BREADCRUMB (LIVE UPDATES & CASE STUDIES - MATCHING VEDAXAGENCY DESIGN)
   ========================================================================== */
.vp-hero.vp-hero-centered .vp-hero-content,
.page-id-163 .vp-hero-content,
.page-id-164 .vp-hero-content {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.page-id-163 .vp-hero-content,
.page-id-164 .vp-hero-content {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.vp-article-card[data-category="exhibitions-events"] .vp-badge-tag {
  background: #d97706 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   HERO BREADCRUMB & LEFT ALIGNMENT (LIVE UPDATES & CASE STUDIES)
   User Request: menu ma live update, case study a left baju ma title subtitle add karo link bathu left baju ma j rakho
   ========================================================================== */
.page-id-163 .vp-hero-content,
.page-id-164 .vp-hero-content {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

.page-id-163 .vp-hero-title,
.page-id-164 .vp-hero-title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.5px !important;
}

.vp-hero-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
}

/* ==========================================================================
   HERO BREADCRUMB & LEFT ALIGNMENT ACROSS ALL PAGES & SINGLE POSTS
   User Request: hero section ma image ma title su btitle che ee pan left baju ja set karo propre
   ========================================================================== */
.vp-hero-banner .vp-hero-container,
.vp-hero-inner .vp-hero-container,
.vp-hero-container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vp-hero-banner .vp-hero-content,
.vp-hero-inner .vp-hero-content,
.vp-hero-content,
.page-id-163 .vp-hero-content,
.page-id-164 .vp-hero-content {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  max-width: 950px !important;
  width: 100% !important;
}

.vp-hero-banner .vp-hero-title,
.vp-hero-inner .vp-hero-title,
.vp-hero-title,
.page-id-163 .vp-hero-title,
.page-id-164 .vp-hero-title {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  font-size: clamp(32px, 3.8vw, 46px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  letter-spacing: -0.5px !important;
  align-self: flex-start !important;
}

.vp-hero-banner .vp-hero-desc,
.vp-hero-inner .vp-hero-desc,
.vp-hero-desc {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
  max-width: 820px !important;
}

.vp-hero-breadcrumb {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-top: 6px !important;
  margin-bottom: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  color: #ffffff !important;
  text-align: left !important;
  line-height: 1.4 !important;
}

.vp-hero-breadcrumb a {
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.vp-hero-breadcrumb a:hover {
  color: #28a745 !important;
}

/* ==========================================================================
   FOOTER STYLING & LOGO COLOR MATCHING
   User Request: footer logo mech aave ee colorset kari ne change kari ne aapo
   footer ma right baju ma call number uup name che ee remove kari icon name
   ========================================================================== */
.vp-footer {
  border-top: 3px solid #60ae49 !important;
}

.vp-footer-person,
.vp-footer-contact-list .fa-user-tie,
.vp-footer-contact-list div:has(.fa-user-tie) {
  display: none !important;
}

.vp-footer-contact-list .fa-location-dot,
.vp-footer-contact-list .fa-envelope,
.vp-footer-phone-link .fa-phone {
  color: #60ae49 !important;
}

.vp-footer-products-subgrid a:hover,
.vp-footer-quicklinks-list a:hover,
.vp-footer-contact-list a:hover {
  color: #60ae49 !important;
}

.vp-footer-phone-link {
  color: #ffffff !important;
  transition: color 0.2s ease !important;
}

.vp-footer-phone-link:hover {
  color: #60ae49 !important;
}

/* ==========================================================================
   ASSEMBLY HERO SUBTITLE DISPLAY (ALL ASSEMBLY PAGES)
   User Request: Assembly menu ma hero section ma title niche subtitle set karo
   ========================================================================== */
.page-id-686 .vp-hero-desc,
.page-id-683 .vp-hero-desc,
.page-id-685 .vp-hero-desc,
.page-id-684 .vp-hero-desc,
.page-id-687 .vp-hero-desc,
.page-id-688 .vp-hero-desc {
  display: block !important;
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: clamp(14px, 1.1vw, 17px) !important;
  line-height: 1.5 !important;
  max-width: 860px !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
}

/* ==========================================================================
   STRICTLY NO AUTHOR DISPLAY ACROSS ENTIRE WEBSITE
   User Request: no author change
   ========================================================================== */
.vp-card-author,
.vp-article-author,
.entry-author,
.byline,
.author.vcard,
.vdx-post-author {
  display: none !important;
}

.vp-footer-phone-link {
  color: #ffffff !important;
  transition: color 0.2s ease !important;
}

.vp-footer-phone-link:hover {
  color: #60ae49 !important;
}



body.home .vp-hero-banner .vp-hero-cta,
.home .vp-hero-banner .vp-hero-cta {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
  margin-top: 8px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  align-self: flex-start !important;
}

/* Hero CTA Button - Styled According to Vedax Logo Theme */
.vp-hero-banner .vp-hero-cta a,
.vp-hero .vp-hero-cta a,
body.home .vp-hero-banner .vp-hero-cta a,
.home .vp-hero-banner .vp-hero-cta a {
  background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
  color: #ffffff !important;
  border: 2px solid #60ae49 !important;
  font-family: var(--vp-font-heading);
  font-weight: 700 !important;
  font-size: 16.5px !important;
  padding: 14px 34px !important;
  border-radius: 9999px !important;
  box-shadow: 0 4px 18px rgba(96, 174, 73, 0.45) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
}

.vp-hero-banner .vp-hero-cta a:hover,
.vp-hero .vp-hero-cta a:hover,
body.home .vp-hero-banner .vp-hero-cta a:hover,
.home .vp-hero-banner .vp-hero-cta a:hover {
  background: linear-gradient(135deg, #e5a93b 0%, #60ae49 100%) !important;
  border-color: #e5a93b !important;
  color: #ffffff !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 8px 25px rgba(229, 169, 59, 0.45), 0 4px 18px rgba(96, 174, 73, 0.45) !important;
}

body.home .vp-hero-overlay,
.home .vp-hero-overlay {
  background: linear-gradient(90deg, rgba(16, 24, 59, 0.95) 0%, rgba(16, 24, 59, 0.88) 36%, rgba(16, 24, 59, 0.50) 62%, rgba(16, 24, 59, 0.12) 88%, transparent 100%) !important;
}

/* ==========================================================================
   UNIFIED STABLE CONTAINER & STICKY LAYOUT SYSTEM (ALL PAGES)
   Eliminates all shifting/movement, locks header, hero, content, and footer
   to the exact same 1400px container grid, and guarantees sticky footer on tall/4K screens.
   ========================================================================== */

/* 1. Prevent Horizontal Jitter / Movement & Lock Viewport Stability */
html {
  overflow-x: clip !important;
  min-height: 100% !important;
  scrollbar-gutter: stable;
}

body {
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
}

/* 2. Permanent Sticky Header Across All Pages, Menus, & Screen Sizes (Scroll Up & Down) */
#masthead,
header#masthead,
header.ehf-header,
header.site-header,
.ehf-header #masthead,
.vp-header,
#site-header,
header.elementor-714,
div.elementor-714:has(.elementor-element-sec_header_main),
.elementor-714 .elementor-element.elementor-element-sec_header_main {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 9999999 !important;
  width: 100% !important;
  background: #ffffff !important;
  box-shadow: 0 2px 14px rgba(16, 24, 59, 0.08) !important;
  transform: none !important;
  transition: box-shadow 0.25s ease !important;
  margin-top: 0 !important;
}

body.admin-bar #masthead,
body.admin-bar header#masthead,
body.admin-bar header.ehf-header,
body.admin-bar header.site-header,
body.admin-bar .ehf-header #masthead,
body.admin-bar .vp-header,
body.admin-bar #site-header,
body.admin-bar header.elementor-714 {
  top: 32px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  transform: none !important;
  z-index: 9999999 !important;
}

@media screen and (max-width: 782px) {
  #wpadminbar {
    display: none !important;
  }
  html, body, html body {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  body.admin-bar #masthead,
  body.admin-bar header#masthead,
  body.admin-bar header.ehf-header,
  body.admin-bar header.site-header,
  body.admin-bar .ehf-header #masthead,
  body.admin-bar .vp-header,
  body.admin-bar #site-header,
  body.admin-bar header.elementor-714,
  #masthead,
  header#masthead,
  .vp-header {
    top: 0 !important;
    transform: none !important;
  }
}

/* Never hide header on scroll down - always sticky */
body.vp-header-hidden #masthead,
body.vp-header-hidden header#masthead,
body.vp-header-hidden header.ehf-header,
body.vp-header-hidden header.site-header,
body.vp-header-hidden .ehf-header #masthead,
body.vp-header-hidden .vp-header,
body.vp-header-hidden #site-header,
body.vp-header-hidden header.elementor-714,
body.vp-header-hidden div.elementor-714:has(.elementor-element-sec_header_main),
body.vp-header-hidden .elementor-714 .elementor-element.elementor-element-sec_header_main {
  transform: none !important;
}

body:not(.vp-header-hidden) #masthead,
body:not(.vp-header-hidden) header#masthead,
body:not(.vp-header-hidden) header.ehf-header,
body:not(.vp-header-hidden) header.site-header,
body:not(.vp-header-hidden) .ehf-header #masthead,
body:not(.vp-header-hidden) .vp-header,
body:not(.vp-header-hidden) #site-header,
body:not(.vp-header-hidden) header.elementor-714,
body:not(.vp-header-hidden) div.elementor-714:has(.elementor-element-sec_header_main),
body:not(.vp-header-hidden) .elementor-714 .elementor-element.elementor-element-sec_header_main {
  transform: none !important;
}

body.vp-header-scrolled #masthead,
body.vp-header-scrolled header#masthead,
body.vp-header-scrolled header.ehf-header,
body.vp-header-scrolled header.site-header,
body.vp-header-scrolled .ehf-header #masthead,
body.vp-header-scrolled .vp-header,
body.vp-header-scrolled #site-header,
body.vp-header-scrolled header.elementor-714,
body.vp-header-scrolled div.elementor-714:has(.elementor-element-sec_header_main),
body.vp-header-scrolled .elementor-714 .elementor-element.elementor-element-sec_header_main {
  box-shadow: 0 4px 20px rgba(16, 24, 59, 0.12) !important;
}

/* ==========================================================================
   MOBILE & TABLET RESPONSIVE STICKY HEADER (100% STICKY MATCHING SREMHEPVTLTD.IN)
   Fixed at top:0 across ALL pages, single pages, and mobile viewports
   ========================================================================== */
@media (max-width: 1024px) {

  /* Prevent horizontal scroll / viewport overflow */
  html,
  body {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  /* Body offset: zero top padding so hero sits flush beneath sticky top bar header */
  html {
    margin-top: 0 !important;
  }

  #wpadminbar {
    display: none !important;
  }

  body,
  body:not(.admin-bar),
  body.admin-bar {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sticky Top Bar Header across ALL pages - flush to top: 0 with zero gap */
  #masthead,
  header#masthead,
  header.ehf-header,
  header.site-header,
  .ehf-header #masthead,
  .vp-header,
  header.elementor-714,
  body.admin-bar #masthead,
  body.admin-bar header#masthead,
  body.admin-bar header.ehf-header,
  body.admin-bar header.site-header,
  body.admin-bar .ehf-header #masthead,
  body.admin-bar .vp-header,
  body.admin-bar header.elementor-714 {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 56px !important;
    max-height: none !important;
    z-index: 9999999 !important;
    background: #ffffff !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 2px 10px rgba(16, 24, 59, 0.08) !important;
    display: block !important;
    transition: none !important;
    transform: none !important;
    will-change: auto;
  }

  /* Inner elements inside #masthead stay natural without separate fixed boxes */
  #masthead .elementor-714,
  #masthead .elementor-element-sec_header_root,
  #masthead .elementor-widget-vedax_site_header,
  #masthead .vp-header {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  /* Hide topbar strip on mobile */
  .vp-topbar-strip {
    display: none !important;
  }

  /* Single row flex container: Logo Left, Hamburger Right */
  .elementor-714 .elementor-element.elementor-element-sec_header_main>.elementor-container,
  header#masthead .elementor-container,
  .ehf-header #masthead .elementor-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Logo Column: Left aligned, compact width, stays on same line */
  .elementor-714 .elementor-element.elementor-element-col_header_logo,
  header#masthead .elementor-element-col_header_logo {
    width: auto !important;
    max-width: 60% !important;
    flex: 0 1 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-714 .elementor-element-col_header_logo>.elementor-widget-wrap,
  .elementor-714 .elementor-element-col_header_logo .elementor-widget-container,
  .elementor-714 .elementor-element-w_header_logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Crisp & compact logo on mobile screens - matching sremhepvtltd.in */
  .elementor-714 .elementor-element-w_header_logo img,
  header#masthead .elementor-element-w_header_logo img,
  .vp-brand-logo img,
  header#masthead img {
    height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
  }

  /* Navigation Column: Right aligned, compact width, stays on same line */
  .elementor-714 .elementor-element.elementor-element-col_header_nav,
  header#masthead .elementor-element-col_header_nav {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .elementor-714 .elementor-element-col_header_nav>.elementor-widget-wrap,
  .elementor-714 .elementor-element-col_header_nav .elementor-widget-container,
  .elementor-714 .elementor-element-w_header_nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  /* Hamburger Toggle: Neat button box styled like Reference sremhepvtltd.in */
  .elementor-714 .hfe-nav-menu__toggle,
  .hfe-nav-menu__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 6px !important;
    color: #10183b !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.2s ease !important;
  }

  .elementor-714 .hfe-nav-menu__toggle:hover,
  .hfe-nav-menu__toggle:hover {
    border-color: #569e32 !important;
    color: #569e32 !important;
    background: #f8fafc !important;
  }

  .elementor-714 .hfe-nav-menu__toggle svg,
  .hfe-nav-menu__toggle svg,
  .elementor-714 .hfe-nav-menu-icon svg {
    width: 20px !important;
    height: 20px !important;
    fill: #10183b !important;
    display: block !important;
    margin: 0 auto !important;
  }

  /* Mobile Navigation Menu Right Drawer - SRE Style (Right-aligned, not full screen) */
  .elementor-714 nav.hfe-nav-menu__layout-horizontal:not(.menu-is-active),
  .hfe-nav-menu__layout-horizontal:not(.menu-is-active) {
    display: none !important;
  }

  .elementor-714 nav.hfe-nav-menu__layout-horizontal.menu-is-active,
  .elementor-714 .hfe-active-menu+.hfe-nav-menu__layout-horizontal,
  .hfe-active-menu+.hfe-nav-menu__layout-horizontal,
  .hfe-nav-menu__layout-horizontal.menu-is-active {
    display: block !important;
    position: fixed !important;
    top: 56px !important;
    right: 0 !important;
    left: auto !important;
    width: 295px !important;
    max-width: 82vw !important;
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
    overflow-y: auto !important;
    background: #ffffff !important;
    box-shadow: -8px 0 30px rgba(16, 24, 59, 0.18) !important;
    border-left: 1px solid #e2e8f0 !important;
    border-top: none !important;
    z-index: 9999998 !important;
    padding: 16px 14px 30px 14px !important;
    box-sizing: border-box !important;
    -webkit-overflow-scrolling: touch !important;
    animation: hfeDrawerSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  body.admin-bar .elementor-714 nav.hfe-nav-menu__layout-horizontal.menu-is-active,
  body.admin-bar .elementor-714 .hfe-active-menu+.hfe-nav-menu__layout-horizontal,
  body.admin-bar .hfe-active-menu+.hfe-nav-menu__layout-horizontal,
  body.admin-bar .hfe-nav-menu__layout-horizontal.menu-is-active {
    top: 56px !important;
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
  }

  @keyframes hfeDrawerSlideIn {
    from {
      transform: translateX(100%);
    }

    to {
      transform: translateX(0);
    }
  }

  /* Backdrop dark overlay to match sremhepvtltd.in drawer */
  .elementor-714:has(.hfe-active-menu)::before,
  header#masthead:has(.hfe-active-menu)::before,
  body:has(.hfe-active-menu)::before,
  body.admin-bar:has(.hfe-active-menu)::before {
    content: '' !important;
    position: fixed !important;
    top: 56px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: rgba(15, 23, 42, 0.45) !important;
    z-index: 9999990 !important;
    pointer-events: none !important;
    animation: hfeFadeBackdrop 0.22s ease !important;
  }

  @keyframes hfeFadeBackdrop {
    from {
      opacity: 0;
    }

    to {
      opacity: 1;
    }
  }

  .elementor-714 ul.hfe-nav-menu,
  ul.hfe-nav-menu {
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    padding: 0 !important;
    background: #ffffff !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .elementor-714 ul.hfe-nav-menu>li,
  ul.hfe-nav-menu>li {
    width: 100% !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* First Item (Home) Pill Background matching sremhepvtltd.in */
  .elementor-714 ul.hfe-nav-menu>li:first-child>a.hfe-menu-item,
  ul.hfe-nav-menu>li:first-child>a.hfe-menu-item {
    background: #eef2f6 !important;
    border-radius: 8px !important;
    color: #10183b !important;
    font-weight: 700 !important;
    margin: 4px 0 !important;
    padding: 11px 16px !important;
  }

  .elementor-714 ul.hfe-nav-menu>li>a.hfe-menu-item,
  ul.hfe-nav-menu>li>a.hfe-menu-item,
  .elementor-714 ul.hfe-nav-menu .hfe-has-submenu-container a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #10183b !important;
    border-radius: 6px !important;
    transition: all 0.2s ease !important;
  }

  .elementor-714 ul.hfe-nav-menu>li:hover>a.hfe-menu-item,
  ul.hfe-nav-menu>li:hover>a.hfe-menu-item {
    color: #569e32 !important;
    background: #f8fafc !important;
  }

  .elementor-714 ul.hfe-nav-menu .sub-menu,
  ul.hfe-nav-menu .sub-menu {
    position: static !important;
    width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-left: 2px solid #569e32 !important;
    margin: 4px 0 8px 12px !important;
    padding: 4px 0 4px 10px !important;
    background: #f8fafc !important;
    border-radius: 4px !important;
    max-height: none !important;
  }

  .elementor-714 ul.hfe-nav-menu .sub-menu li,
  ul.hfe-nav-menu .sub-menu li {
    border-bottom: none !important;
  }

  .elementor-714 ul.hfe-nav-menu .sub-menu li a,
  ul.hfe-nav-menu .sub-menu li a {
    padding: 8px 12px !important;
    font-size: 14px !important;
    color: #475569 !important;
  }
}


/* Home Hero Banner Mobile Phone Responsiveness */
@media (max-width: 768px) {
  .vp-hero.vp-hero-home-main {
    min-height: 420px !important;
    height: auto !important;
    max-height: none !important;
    padding: 50px 0 45px 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-container {
    width: 100% !important;
    padding: 0 20px !important;
    margin: 0 auto !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-content {
    max-width: 100% !important;
    text-align: left !important;
    align-items: flex-start !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-title {
    font-size: clamp(23px, 6.2vw, 32px) !important;
    line-height: 1.25 !important;
    margin: 0 0 14px 0 !important;
    word-break: break-word !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-desc {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
    margin: 0 0 22px 0 !important;
  }

  .vp-hero.vp-hero-home-main .vp-home-btn-discover {
    font-size: 14.5px !important;
    padding: 12px 28px !important;
  }
}

@media (max-width: 480px) {
  .vp-hero.vp-hero-home-main {
    min-height: 380px !important;
    padding: 42px 0 38px 0 !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-container {
    padding: 0 !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-title {
    font-size: 24px !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }

  .vp-hero.vp-hero-home-main .vp-hero-desc {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    margin-bottom: 20px !important;
  }

  .vp-hero.vp-hero-home-main .vp-home-btn-discover {
    font-size: 14px !important;
    padding: 11px 24px !important;
  }
}

/* 3. Full-Height Flex Container & Sticky Footer (No Void on 4K/Tall Screens) */
#page,
.site,
.hfeed.site {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#page>.elementor,
#page>.site-main,
#page>main,
#page>#content,
#page>div:not(#masthead):not(#colophon) {
  flex: 1 0 auto !important;
}

#colophon,
footer#colophon,
.vp-footer {
  margin-top: auto !important;
  width: 100% !important;
  flex-shrink: 0 !important;
}

/* 2. Full-Width Background Wrappers (Stretch Edge-to-Edge 100%) */
.vp-section,
.vp-section-alt,
.vp-specs-section-wrap,
.vp-cta-section,
.vp-hero,
.vp-hero-banner,
.vp-footer,
.elementor-section,
.elementor-top-section,
section.vp-section {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* 3. Rock-Solid Full Wide-Screen Fluid Containers (No Side Void on 4K/3840px Screens) */
.vp-container:not(.vp-header-container):not(.vp-header *):not(#masthead *),
.vdx-container,
.custom-breadcrumb.vdx-container,
.custom-breadcrumb-inner,
.vp-hero-container,
.vp-hero-banner .vp-container,
.blog-single-hero .vp-hero-container,
.blog-single-post,
.vp-footer>.vp-container,
.vp-footer-inner,
.vp-gallery-grid,
.vp-stats-grid,
.vp-legal-container,
.vdx-single-lu-container,
.elementor-section.elementor-section-boxed>.elementor-container {
  width: 95% !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2.5vw, 40px) !important;
  padding-right: clamp(16px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
}

body.single .site-main,
body.single-post .site-main,
body:not([class*="elementor-page-"]) .site-main,
.site-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 4. Full Wide-Screen Scaling for Grids & Cards */
.vp-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: clamp(20px, 2vw, 36px) !important;
  width: 100% !important;
}

.vp-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(18px, 1.8vw, 32px) !important;
  width: 100% !important;
}

.vp-grid-2 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: clamp(24px, 2.5vw, 48px) !important;
  width: 100% !important;
}

/* Product Showcase & Technical Specs Table Containment */
.vp-product-showcase-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: clamp(24px, 2.8vw, 40px) !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.vp-product-media-wrapper {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.vp-product-showcase-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr) !important;
  gap: 36px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.vp-product-media-wrapper {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.vp-specs-table-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  margin: 0 !important;
}

.vp-specs-table-header {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 13px 18px !important;
}

.vp-specs-header-badge {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  margin-left: 8px !important;
}

.vp-specs-table {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  box-sizing: border-box !important;
}

.vp-specs-table td {
  box-sizing: border-box !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.vp-specs-table td:first-child {
  width: 34% !important;
  max-width: 34% !important;
  padding: 11px 14px !important;
  font-weight: 600 !important;
  color: #475569 !important;
  background: #f8fafc !important;
  border-right: 1px solid #f1f5f9 !important;
}

.vp-specs-table td:last-child {
  width: 66% !important;
  max-width: 66% !important;
  padding: 11px 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.5 !important;
}

@media (max-width: 768px) {
  .vp-product-showcase-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 28px !important;
  }
}



/* Tablet Responsive (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {

  .vp-grid-3,
  .vp-grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

/* Phone Screen Responsive (<= 768px / iPhone 16) */
@media (max-width: 768px) {

  .vp-grid-3,
  .vp-grid-4,
  .vp-grid-2,
  .vp-articles-grid,
  .vp-product-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    width: 100% !important;
  }

  .vp-product-card,
  .vp-work-card-item,
  .vp-cta-box {
    width: 100% !important;
    max-width: 100% !important;
  }

  .vp-hero,
  .vp-hero-banner,
  .vp-hero-inner {
    height: auto !important;
    min-height: 220px !important;
    padding: 30px 0 !important;
  }

  .vp-hero-title {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }

  .vp-hero-desc {
    font-size: 14px !important;
  }
}

/* Mobile Header Navigation Lock */
@media (max-width: 991px) {

  .vp-desktop-nav,
  .vp-nav-menu,
  .vp-header .vp-desktop-nav,
  .vp-header .vp-nav-menu,
  .vp-btn-quote {
    display: none !important;
  }

  .vp-mobile-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

.vp-cta-box {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding: 34px 40px !important;
}

/* 5. Responsive Footer (Image 3: Wide Screen, Tablet, and Mobile Fluid Grid) */
.vp-footer-grid {
  display: grid !important;
  grid-template-columns: 1.5fr 1.6fr 1.1fr 1.3fr !important;
  gap: clamp(24px, 3.5vw, 60px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 35px !important;
}

@media (max-width: 1024px) {
  .vp-footer-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }
}

@media (max-width: 640px) {
  .vp-footer-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .vp-footer-products-subgrid {
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .vp-footer-bottom-inner {
    flex-direction: column !important;
    gap: 12px !important;
    align-items: flex-start !important;
  }
}

/* Hero section full coverage guarantee */
.vp-hero,
.vp-hero-banner,
.vp-hero-inner {
  width: 100% !important;
  max-width: 100% !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

body.home .vp-hero-banner,
.home .vp-hero-banner {
  background-position: center right !important;
}

.vp-hero-overlay {
  width: 100% !important;
  height: 100% !important;
}

/* ==========================================================================
   WIDE SCREEN & RESPONSIVE IMAGES SYSTEM (ZERO CROPPING / ZERO CUTTING)
   Guarantees that on wide screens (1920px, 2560px, 3840px / 4K) and all devices,
   all machinery product images, card media, and section images scale responsively
   without ever being cut off, clipped, or zoomed-in.
   ========================================================================== */

.vp-product-card .vp-card-media,
.vp-card-media {
  position: relative !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 220px !important;
  max-height: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  box-sizing: border-box !important;
}

.vp-product-card .vp-card-media a,
.vp-card-media a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vp-product-card .vp-card-media img,
.vp-card-media img,
.vp-product-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  transition: transform 0.4s ease !important;
}

.vp-work-img-wrap {
  height: auto !important;
  aspect-ratio: 16 / 11 !important;
  min-height: 180px !important;
  max-height: 320px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 14px !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
}

.vp-work-img-wrap img {
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}

.elementor-widget-image img,
.vp-about-img img,
.vp-features-section-wrap img,
.vp-section img:not(.vp-brand-logo img):not(.vp-drawer-logo img):not(.vp-footer-logo):not(.vp-card-media img):not(.vp-product-card img):not(.vp-feature-card-media img):not(.vp-feature-card img):not(.vp-prod-media img):not(.vp-about-img-card img):not(.vp-about-image-col img) {
  max-width: 100% !important;
  max-height: 560px !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Feature Cards & Assembly Cards Images Full Card (Edge to Edge) */
.vp-feature-card .vp-feature-card-media,
.vp-feature-card>div:first-child {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 180px !important;
  max-height: none !important;
  background: #f8fafc !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.vp-feature-card .vp-feature-card-media a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vp-feature-card .vp-feature-card-media img,
.vp-feature-card img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  transition: transform 0.4s ease !important;
}

.vp-feature-card:hover .vp-feature-card-media img,
.vp-feature-card:hover img {
  transform: scale(1.05) !important;
}

/* Gallery Items (Workshop Inhouse Production Facility) Full Show */
.vp-gallery-item {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 190px !important;
  max-height: 440px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid var(--vp-border, #e2e8f0) !important;
  background: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  box-sizing: border-box !important;
}

.vp-gallery-item img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.vp-gallery-item:hover img {
  transform: scale(1.05) !important;
}

/* 2-Column Section Large Machine Images (Stay Inside Viewport, Never Cut) */
.vp-grid-2:not(.vp-product-showcase-grid):not(.vp-overview-grid):not(.vp-about-section-wrap .vp-grid-2)>div:not(.vp-about-image-col):not(.vp-product-overview-right):has(img),
.vp-grid-2:not(.vp-product-showcase-grid):not(.vp-overview-grid):not(.vp-about-section-wrap .vp-grid-2) img:not(.vp-about-img-card img):not(.vp-about-image-col img):not(.vp-single-img-wrap img) {
  max-width: 100% !important;
  max-height: 540px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Products Carousel Auto-Machine continuous smooth sliding */
.works-wrapper-box .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.works-wrapper-box .swiper-slide {
  height: auto !important;
  display: flex !important;
  flex-shrink: 0 !important;
}

.works-wrapper-box .swiper-slide>a,
.works-wrapper-box .swiper-slide>.vp-work-box {
  width: 100% !important;
}

.works-wrapper-box .vp-work-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
  border-color: rgba(96, 174, 73, 0.4) !important;
}

@media (max-width: 991px) {
  .vp-hero-title {
    font-size: 32px !important;
  }

  .vp-hero-desc {
    font-size: 15px !important;
  }
}

.vp-hero-overlay {
  width: 100% !important;
  height: 100% !important;
}

/* Products Carousel Auto-Machine continuous smooth sliding */
.works-wrapper-box {
  width: 100% !important;
  overflow: hidden !important;
  padding: 10px 0 !important;
  position: relative !important;
}

.works-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  width: 100% !important;
}

.vp-marquee-row {
  display: flex !important;
  width: 100% !important;
  overflow: hidden !important;
  position: relative !important;
  user-select: none !important;
}

.vp-marquee-track {
  display: flex !important;
  flex-shrink: 0 !important;
  gap: 20px !important;
  padding-right: 20px !important;
  align-items: stretch !important;
  will-change: transform !important;
}

.vp-marquee-top .vp-marquee-track,
.vp-track-ltr {
  animation: vp-marquee-ltr 14s linear infinite !important;
}

.vp-marquee-bottom .vp-marquee-track,
.vp-track-rtl {
  animation: vp-marquee-rtl 14s linear infinite !important;
}

.vp-marquee-row:hover .vp-marquee-track {
  animation-play-state: paused !important;
}

@keyframes vpScrollLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes vpScrollRight {
  0% {
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}

.vp-work-card-item {
  width: 275px !important;
  flex: 0 0 275px !important;
  box-sizing: border-box !important;
}

.vp-work-card-item>a {
  text-decoration: none !important;
  color: inherit !important;
  height: 100% !important;
  display: block !important;
}

.vp-work-box {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 16px !important;
  border: 1px solid var(--vp-border, #e2e8f0) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
  text-align: center !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  box-sizing: border-box !important;
}

.vp-work-box:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.09) !important;
  border-color: #569e32 !important;
}

.vp-work-img-wrap {
  height: 190px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  margin-bottom: 12px !important;
  background: #f8fafc !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
}

.vp-work-img-wrap img {
  max-height: 100% !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s ease !important;
  display: block !important;
}

.vp-work-box:hover .vp-work-img-wrap img {
  transform: scale(1.05) !important;
}

.vp-work-title {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  transition: color 0.25s ease !important;
}

.vp-work-box:hover .vp-work-title {
  color: #569e32 !important;
}

@media (max-width: 768px) {
  .vp-work-card-item {
    width: 220px !important;
    flex: 0 0 220px !important;
  }

  .vp-work-img-wrap {
    height: 150px !important;
  }

  .vp-marquee-top .vp-marquee-track {
    animation-duration: 22s !important;
  }

  .vp-marquee-bottom .vp-marquee-track {
    animation-duration: 22s !important;
  }
}

@media (min-width: 2000px) {
  .vp-work-card-item {
    width: 340px !important;
    flex: 0 0 340px !important;
  }

  .vp-work-img-wrap {
    height: 240px !important;
  }

  .vp-work-title {
    font-size: 18px !important;
  }
}

/* ==========================================================================
   PRIVACY POLICY & LEGAL COMPLIANCE RESPONSIVE STYLES
   User Request: responvise karo and contant thodi add karo eem privacy polich
   ========================================================================== */
.vp-legal-page {
  padding: 60px 0 90px;
  background: #f8fafc;
  color: #1e293b;
  width: 100%;
  box-sizing: border-box;
}

.vp-legal-container {
  width: 95% !important;
  max-width: 95vw !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
  padding: 0 clamp(20px, 2.5vw, 60px) !important;
}

/* Metadata Strip */
.vp-legal-meta {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px 24px;
  margin-bottom: 35px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

.vp-legal-meta-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14.5px;
  color: #475569;
  font-weight: 500;
}

.vp-legal-meta-item i {
  color: #569e32;
  font-size: 16px;
}

.vp-legal-meta-item strong {
  color: #10183b;
}

/* 4-Card Highlights Grid */
.vp-legal-highlights {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-bottom: 45px;
}

.vp-legal-highlight-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  padding: 24px 20px;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04);
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
}

.vp-legal-highlight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.08);
  border-color: #569e32;
}

.vp-legal-highlight-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  background: rgba(86, 158, 50, 0.12);
  color: #569e32;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  margin-bottom: 16px;
  transition: all 0.3s ease;
}

.vp-legal-highlight-card:hover .vp-legal-highlight-icon {
  background: #569e32;
  color: #ffffff;
}

.vp-legal-highlight-card h4 {
  font-size: 17px;
  font-weight: 700;
  color: #10183b;
  margin: 0 0 8px;
  line-height: 1.35;
}

.vp-legal-highlight-card p {
  font-size: 14px;
  color: #64748b;
  line-height: 1.6;
  margin: 0;
}

/* Main Legal Body Card */
.vp-legal-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 18px;
  padding: 45px 50px;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.04);
  margin-bottom: 40px;
  box-sizing: border-box;
}

.vp-legal-section {
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #f1f5f9;
}

.vp-legal-section:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.vp-legal-sec-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.vp-legal-sec-num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  min-width: 36px;
  border-radius: 8px;
  background: #10183b;
  color: #ffffff;
  font-size: 15px;
  font-weight: 800;
}

.vp-legal-section h2 {
  font-size: 22px;
  font-weight: 800;
  color: #10183b;
  margin: 0;
  line-height: 1.3;
}

.vp-legal-section p {
  font-size: 15.5px;
  color: #334155;
  line-height: 1.75;
  margin: 0 0 16px;
}

.vp-legal-section ul {
  list-style: none;
  padding: 0;
  margin: 0 0 18px;
}

.vp-legal-section ul li {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
  color: #334155;
  line-height: 1.7;
  margin-bottom: 10px;
}

.vp-legal-section ul li::before {
  content: "\f058";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 1px;
  color: #569e32;
  font-size: 15px;
}

/* NDA Callout Box */
.vp-legal-nda-box {
  background: linear-gradient(135deg, rgba(16, 24, 59, 0.03) 0%, rgba(86, 158, 50, 0.06) 100%);
  border-left: 4px solid #569e32;
  border-radius: 10px;
  padding: 24px 28px;
  margin: 24px 0;
}

.vp-legal-nda-box h4 {
  font-size: 17.5px;
  font-weight: 800;
  color: #10183b;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.vp-legal-nda-box h4 i {
  color: #569e32;
}

.vp-legal-nda-box p {
  font-size: 14.5px;
  color: #334155;
  margin: 0;
  line-height: 1.65;
}

/* Official Grievance & Contact Block */
.vp-legal-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 24px;
}

.vp-legal-contact-item {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

.vp-legal-contact-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  color: #569e32;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.vp-legal-contact-item h5 {
  font-size: 15px;
  font-weight: 700;
  color: #10183b;
  margin: 0 0 4px;
}

.vp-legal-contact-item p,
.vp-legal-contact-item a {
  font-size: 14px;
  color: #475569;
  line-height: 1.5;
  margin: 0;
  text-decoration: none;
}

.vp-legal-contact-item a:hover {
  color: #569e32;
}

/* Wide Screen Responsive Scaling for Legal / Privacy Policy */
@media (min-width: 1400px) {
  .vp-legal-container {
    width: 95% !important;
    max-width: 95vw !important;
  }
}

@media (min-width: 1600px) {
  .vp-legal-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .vp-legal-card {
    padding: 55px 65px;
  }

  .vp-legal-section h2 {
    font-size: 25px;
  }

  .vp-legal-section p,
  .vp-legal-section ul li {
    font-size: 16.5px;
    line-height: 1.8;
  }
}

@media (min-width: 1920px) {
  .vp-legal-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .vp-legal-card {
    padding: 65px 80px;
    border-radius: 22px;
  }

  .vp-legal-highlight-card {
    padding: 28px 24px;
  }

  .vp-legal-highlight-card h4 {
    font-size: 19px;
  }

  .vp-legal-highlight-card p {
    font-size: 15px;
  }

  .vp-legal-section h2 {
    font-size: 28px;
  }

  .vp-legal-section p,
  .vp-legal-section ul li {
    font-size: 17.5px;
    line-height: 1.85;
  }
}

@media (min-width: 2560px) {
  .vp-legal-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .vp-legal-card {
    padding: 75px 95px;
    border-radius: 26px;
  }

  .vp-legal-highlights {
    gap: 32px;
  }

  .vp-legal-highlight-card {
    padding: 34px 28px;
    border-radius: 18px;
  }

  .vp-legal-highlight-icon {
    width: 64px;
    height: 64px;
    font-size: 26px;
  }

  .vp-legal-highlight-card h4 {
    font-size: 22px;
  }

  .vp-legal-highlight-card p {
    font-size: 17px;
  }

  .vp-legal-section h2 {
    font-size: 32px;
  }

  .vp-legal-section p,
  .vp-legal-section ul li {
    font-size: 19px;
    line-height: 1.85;
  }

  .vp-legal-sec-num {
    width: 44px;
    height: 44px;
    min-width: 44px;
    font-size: 18px;
  }

  .vp-legal-nda-box {
    padding: 32px 36px;
    border-radius: 14px;
  }

  .vp-legal-nda-box h4 {
    font-size: 22px;
  }

  .vp-legal-nda-box p {
    font-size: 18px;
  }

  .vp-legal-contact-grid {
    gap: 28px;
  }

  .vp-legal-contact-item {
    padding: 26px;
  }

  .vp-legal-contact-item h5 {
    font-size: 18px;
  }

  .vp-legal-contact-item p,
  .vp-legal-contact-item a {
    font-size: 16.5px;
  }
}

@media (min-width: 3200px) {
  .vp-legal-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .vp-legal-card {
    padding: 90px 120px;
    border-radius: 30px;
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.06);
  }

  .vp-legal-highlights {
    gap: 40px;
    margin-bottom: 60px;
  }

  .vp-legal-highlight-card {
    padding: 40px 34px;
    border-radius: 22px;
  }

  .vp-legal-highlight-icon {
    width: 74px;
    height: 74px;
    font-size: 30px;
    margin-bottom: 22px;
  }

  .vp-legal-highlight-card h4 {
    font-size: 25px;
  }

  .vp-legal-highlight-card p {
    font-size: 19px;
  }

  .vp-legal-section {
    padding-bottom: 50px;
    margin-bottom: 50px;
  }

  .vp-legal-sec-header {
    gap: 20px;
    margin-bottom: 24px;
  }

  .vp-legal-sec-num {
    width: 52px;
    height: 52px;
    min-width: 52px;
    font-size: 22px;
    border-radius: 12px;
  }

  .vp-legal-section h2 {
    font-size: 38px;
  }

  .vp-legal-section p,
  .vp-legal-section ul li {
    font-size: 21px;
    line-height: 1.9;
  }

  .vp-legal-section ul li::before {
    font-size: 20px;
    top: 3px;
  }

  .vp-legal-meta {
    padding: 24px 36px;
    border-radius: 16px;
    margin-bottom: 50px;
  }

  .vp-legal-meta-item {
    font-size: 18.5px;
  }

  .vp-legal-meta-item i {
    font-size: 22px;
  }

  .vp-legal-nda-box {
    padding: 40px 48px;
    border-radius: 18px;
    border-left-width: 6px;
  }

  .vp-legal-nda-box h4 {
    font-size: 26px;
  }

  .vp-legal-nda-box p {
    font-size: 20.5px;
  }

  .vp-legal-contact-grid {
    gap: 36px;
    margin-top: 35px;
  }

  .vp-legal-contact-item {
    padding: 32px;
    border-radius: 18px;
    gap: 20px;
  }

  .vp-legal-contact-icon {
    width: 56px;
    height: 56px;
    min-width: 56px;
    font-size: 24px;
  }

  .vp-legal-contact-item h5 {
    font-size: 21px;
  }

  .vp-legal-contact-item p,
  .vp-legal-contact-item a {
    font-size: 18.5px;
  }
}

/* Mobile & Tablet Responsive */
@media (max-width: 1024px) {
  .vp-legal-highlights {
    grid-template-columns: repeat(2, 1fr);
  }

  .vp-legal-contact-grid {
    grid-template-columns: 1fr 1fr;
  }

  .vp-legal-card {
    padding: 35px 28px;
  }
}

@media (max-width: 768px) {
  .vp-legal-highlights {
    grid-template-columns: 1fr;
  }

  .vp-legal-contact-grid {
    grid-template-columns: 1fr;
  }

  .vp-legal-meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .vp-legal-card {
    padding: 26px 18px;
  }

  .vp-legal-section h2 {
    font-size: 19px;
  }

  .vp-legal-section p,
  .vp-legal-section ul li {
    font-size: 14.5px;
  }
}

/* Global Typography Justify */
p,
.vp-section-desc,
.vp-about-text p,
.vp-card-desc {
  text-align: justify;
  text-justify: inter-word;
}

.vp-product-desc,
.vp-about-feat-desc,
.vp-wcu-desc,
.vp-single-post-body p,
.vp-rich-text p,
.article-content p,
.blog-single-post-content p,
.vp-legal-section p {
  text-align: justify !important;
  text-justify: inter-word;
}

/* Specific UI elements that should keep their natural alignment */
.vp-footer-brand-desc,
.vp-footer-col-brand p,
.ez-toc-title,
.vp-contact-item-details,
.vp-spec-val,
.vp-badge,
.vp-pill,
.vp-tag,
.vp-stat-number,
.vp-stat-label,
.vp-counter-number,
.vp-footer-bottom,
.vp-footer-bottom * {
  text-align: left !important;
  word-spacing: normal !important;
}

/* Product Showcase Thumbnail Gallery Interactions */
.vp-thumb-item {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.vp-thumb-item:hover {
  border-color: #60ae49 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(96, 174, 73, 0.2) !important;
}

.vp-thumb-item.is-active {
  border-color: #60ae49 !important;
  box-shadow: 0 0 0 2px rgba(96, 174, 73, 0.35), 0 4px 10px rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px) !important;
}

.vp-main-product-img {
  transition: opacity 0.25s ease-in-out !important;
}

.vp-thumb-gallery {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  margin-bottom: 22px !important;
}

/* ==========================================================================
   09:13 PROMPT REQUIREMENT: FOOTER RIGHT SIDE FONT COLOR WHITE
   ========================================================================== */
.vp-footer-contact-list span,
.vp-footer-contact-list a,
.vp-footer-phone-link {
  color: #ffffff !important;
}

.vp-footer-bottom,
.vp-footer-bottom a {
  color: #ffffff !important;
}

.vp-footer-logo,
.vp-footer-logo-wrap img,
.vp-footer img.vp-footer-logo {
  background: transparent !important;
  filter: brightness(0) invert(1) !important;
  -webkit-filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* ==========================================================================
   HEADER DARK FONT & LOGO FULL COLOR & FOOTER HEADINGS SINGLE LINE
   ========================================================================== */
.hfe-nav-menu li a.hfe-menu-item,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu>li>a,
.vp-desktop-nav .vp-nav-link,
.vp-nav-menu>li>a {
  color: #10183b !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: 0.2px !important;
  transition: color 0.2s ease;
}

.hfe-nav-menu li a.hfe-menu-item:hover,
.hfe-nav-menu__layout-horizontal .hfe-nav-menu>li>a:hover,
.vp-desktop-nav .vp-nav-link:hover,
.vp-nav-menu>li>a:hover {
  color: #569e32 !important;
}

.hfe-nav-menu .sub-menu li a.hfe-sub-menu-item,
.vp-dropdown li a {
  color: #10183b !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

.hfe-nav-menu .sub-menu li a.hfe-sub-menu-item:hover,
.vp-dropdown li a:hover {
  color: #569e32 !important;
  background-color: #f8fafc !important;
}

/* Footer Headings Strictly in 1 Line */
.vp-footer h4,
.vp-footer-col-brand h4,
.vp-footer-col-products h4,
.vp-footer-col-quicklinks h4,
.vp-footer-col-contact h4 {
  white-space: nowrap !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
}

/* Header Logo & Widget Image Full Color */
.vp-brand-logo img,
.elementor-widget-image img {
  filter: none !important;
  opacity: 1 !important;
}

/* ==========================================================================
   HEADER: LOGO SPACING & CENTERED NAVIGATION MENU (DEALER ENQUIRY REMOVED)
   ========================================================================== */
.elementor-714 .elementor-element.elementor-element-sec_header_main,
.ehf-header #masthead,
header#masthead,
.vp-header {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: 0 2px 14px rgba(16, 24, 59, 0.06) !important;
}

/* Logo breathing space */
.elementor-714 .elementor-element.elementor-element-col_header_logo,
.vp-brand-logo {
  padding-right: 25px !important;
  margin-right: 15px !important;
}

/* Hide Dealer Enquiry button completely */
.elementor-714 .elementor-element.elementor-element-col_header_btn,
.elementor-714 .elementor-element-w_header_btn,
.vp-btn-dealer,
.dealer-enquiry-btn {
  display: none !important;
}

/* Desktop Navigation Menu: Centered on standard desktop (1025px - 1399px) */
@media (min-width: 1025px) and (max-width: 1399px) {
  /* Logo on the left */
  .vp-brand-logo,
  .elementor-714 .elementor-element-col_header_logo,
  header#masthead .elementor-element-col_header_logo,
  .elementor-714 .elementor-element-w_header_logo,
  header#masthead .elementor-element-w_header_logo {
    margin-left: 0 !important;
    margin-right: auto !important;
    padding-left: 0 !important;
  }

  .elementor-714 .elementor-element.elementor-element-col_header_nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .elementor-714 .elementor-element-w_header_nav,
  .elementor-714 .hfe-nav-menu__layout-horizontal,
  .elementor-714 nav.hfe-nav-menu__layout-horizontal,
  .elementor-714 ul.hfe-nav-menu,
  .vp-desktop-nav,
  .vp-nav-menu {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
}

/* Wide screen 1400px+ remains untouched */
@media (min-width: 1400px) {
  .elementor-714 .elementor-element.elementor-element-col_header_nav {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .elementor-714 .elementor-element-w_header_nav,
  .elementor-714 .hfe-nav-menu__layout-horizontal,
  .elementor-714 nav.hfe-nav-menu__layout-horizontal,
  .elementor-714 ul.hfe-nav-menu,
  .vp-desktop-nav,
  .vp-nav-menu {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
}

.elementor-714 ul.hfe-nav-menu>li>a.hfe-menu-item,
.vp-nav-menu>li>a.vp-nav-link {
  font-size: 15.5px !important;
  font-weight: 600 !important;
  color: #10183b !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
  white-space: nowrap !important;
}

/* ==========================================================================
   REMOVE FULL-WIDTH GREEN LINE & GREEN BORDERS ACROSS ALL SECTIONS
   ========================================================================== */
.vp-hero,
.vp-hero-banner,
.vp-hero-inner,
.vp-hero-compact,
.vp-badge-tag,
hr,
.elementor-section,
.elementor-container,
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before,
.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after {
  border-top: none !important;
  border-bottom: none !important;
}

.vp-badge-tag {
  display: none !important;
}

/* ==========================================================================
   HERO SECTION: 300PX HEIGHT, MACHINERY IMAGE & LEFT-ALIGNED CONTENT (ALL PAGES & SINGLE PAGE)
   ========================================================================== */
.vp-hero-banner.vp-hero-inner,
.vp-hero-inner,
.vp-hero-compact,
.single-post .vp-hero-inner,
.single-post .vp-hero-banner,
.single-post .vp-hero-compact,
body.admin-bar .vp-hero-inner,
body.admin-bar .single-post .vp-hero-inner {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  background-size: cover !important;
  background-position: center center !important;
}

.vp-hero-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(16, 24, 59, 0.92) 0%, rgba(16, 24, 59, 0.78) 45%, rgba(16, 24, 59, 0.40) 100%) !important;
  z-index: 1 !important;
  pointer-events: none !important;
}

.vp-hero-inner .vp-hero-container,
.vp-hero-compact .vp-hero-container,
.single-post .vp-hero-container,
.vp-hero-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: clamp(16px, 2.5vw, 30px) !important;
  padding-right: clamp(16px, 2.5vw, 30px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.vp-hero-inner .vp-hero-content,
.vp-hero-compact .vp-hero-content,
.single-post .vp-hero-content,
.vp-hero-content {
  text-align: left !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  max-width: 850px !important;
}

.vp-hero-inner .vp-hero-title,
.vp-hero-compact .vp-hero-title,
.single-post .vp-hero-title {
  color: #ffffff !important;
  font-size: clamp(28px, 3.2vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 10px 0 !important;
  text-align: left !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.vp-hero-inner .vp-hero-desc,
.single-post .vp-hero-desc {
  color: #f1f5f9 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  text-align: left !important;
  max-width: 780px !important;
}

/* ==========================================================================
   HEADER 714 (HFE) DESKTOP & WIDE SCREEN CONSISTENT CONTAINER
   ========================================================================== */
@media (min-width: 1025px) {
  .elementor-714 .elementor-element.elementor-element-sec_header_main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 0 !important;
    background-color: #ffffff !important;
    box-shadow: 0 4px 20px rgba(16, 24, 59, 0.06) !important;
  }

  .elementor-714 .elementor-element.elementor-element-sec_header_main>.elementor-container,
  header#masthead .elementor-container,
  .ehf-header #masthead .elementor-container {
    width: 100% !important;
    max-width: 1360px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(16px, 2.5vw, 30px) !important;
    padding-right: clamp(16px, 2.5vw, 30px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .elementor-714 .elementor-element-col_header_logo,
  header#masthead .elementor-element-col_header_logo {
    padding-left: 0 !important;
    padding-right: 25px !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-714 .elementor-element-w_header_logo img,
  header#masthead .elementor-element-w_header_logo img {
    max-width: 350px !important;
    width: auto !important;
    height: 78px !important;
    max-height: 80px !important;
    display: block !important;
    object-fit: contain !important;
    margin-left: 0 !important;
    transition: transform 0.25s ease !important;
  }

  .elementor-714 .elementor-element-w_header_logo a:hover img {
    transform: scale(1.02);
  }

  .elementor-714 .elementor-element-col_header_nav,
  header#masthead .elementor-element-col_header_nav {
    flex-grow: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }

  .elementor-714 .hfe-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(16px, 2.2vw, 36px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    list-style: none !important;
  }

  .elementor-714 .hfe-nav-menu .hfe-menu-item,
  .elementor-714 .hfe-nav-menu li a,
  .elementor-widget-navigation-menu a.hfe-menu-item {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    color: #10183b;
    letter-spacing: normal;
    padding: 10px 14px !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
  }

  .elementor-714 .hfe-nav-menu .hfe-menu-item:hover,
  .elementor-714 .hfe-nav-menu .hfe-menu-item:focus,
  .elementor-714 .hfe-nav-menu li:hover>.hfe-has-submenu-container .hfe-menu-item,
  .elementor-714 .hfe-nav-menu .current-menu-item>a,
  .elementor-714 .hfe-nav-menu .current-menu-ancestor>.hfe-has-submenu-container>a,
  .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover,
  .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item {
    color: #569e32 !important;
  }

  .elementor-714 .hfe-nav-menu .sub-arrow,
  .elementor-714 .hfe-nav-menu .sub-arrow i {
    color: #10183b !important;
    font-size: 11px !important;
    transition: color 0.2s ease !important;
  }

  .elementor-714 .hfe-nav-menu li:hover>.hfe-has-submenu-container .sub-arrow,
  .elementor-714 .hfe-nav-menu li:hover>.hfe-has-submenu-container .sub-arrow i {
    color: #569e32 !important;
  }
}

/* Submenu dropdown scrollable with custom sleek scrollbar */
.elementor-714 .hfe-nav-menu .sub-menu,
.hfe-nav-menu .sub-menu,
.vp-dropdown {
  min-width: 270px !important;
  max-height: min(72vh, 480px) !important;
  overflow-y: auto !important;
  overflow-x: clip !important;
  border-radius: 8px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 59, 0.16) !important;
  border: 1px solid #e2e8f0 !important;
  padding: 8px 0 !important;
  background-color: #ffffff !important;
  z-index: 999999 !important;
  margin-top: 6px !important;
  overscroll-behavior: contain !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

/* Submenu scrollbar removed completely */
.elementor-714 .hfe-nav-menu .sub-menu::-webkit-scrollbar,
.hfe-nav-menu .sub-menu::-webkit-scrollbar,
.vp-dropdown::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.elementor-714 .hfe-nav-menu .sub-menu::-webkit-scrollbar-thumb,
.hfe-nav-menu .sub-menu::-webkit-scrollbar-thumb,
.vp-dropdown::-webkit-scrollbar-thumb {
  background: transparent !important;
  display: none !important;
}

.elementor-714 .hfe-nav-menu .sub-menu::-webkit-scrollbar-track,
.hfe-nav-menu .sub-menu::-webkit-scrollbar-track,
.vp-dropdown::-webkit-scrollbar-track {
  background: transparent !important;
  display: none !important;
}

.elementor-714 .hfe-nav-menu .sub-menu li,
.hfe-nav-menu .sub-menu li,
.vp-dropdown li {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
}

.elementor-714 .hfe-nav-menu .sub-menu .hfe-sub-menu-item,
.elementor-714 .hfe-nav-menu .sub-menu li a,
.vp-dropdown li a {
  font-family: 'Roboto', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  color: #1e293b !important;
  padding: 10px 20px !important;
  display: block !important;
  text-decoration: none !important;
  border-left: 3px solid transparent !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}

.elementor-714 .hfe-nav-menu .sub-menu .hfe-sub-menu-item:hover,
.elementor-714 .hfe-nav-menu .sub-menu li a:hover,
.elementor-714 .hfe-nav-menu .sub-menu li.current-menu-item>a,
.vp-dropdown li a:hover,
.vp-dropdown li a:focus,
.vp-dropdown li.current-menu-item>a {
  color: #569e32 !important;
  background-color: #f0fdf4 !important;
  border-left: 3px solid #569e32 !important;
  padding-left: 22px !important;
}

/* ==========================================================================
   HERO BANNER: NO BUTTON, 300PX HEIGHT, FACILITIES MACHINERY BG, LEFT-ALIGNED
   ========================================================================== */
/* Homepage Hero Banner Full Height on Desktop (Preserved Original) */
body.home .vp-hero.vp-hero-home-main,
.vp-hero.vp-hero-home-main,
body.home .vp-hero-banner.vp-hero-home-main,
body.home .elementor-widget-vedax_hero_banner .vp-hero {
  min-height: 85vh !important;
  height: calc(100vh - 90px) !important;
  max-height: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {

  body.home .vp-hero.vp-hero-home-main,
  .vp-hero.vp-hero-home-main,
  body.home .vp-hero-banner.vp-hero-home-main,
  body.home .elementor-widget-vedax_hero_banner .vp-hero {
    min-height: 440px !important;
    height: auto !important;
    max-height: none !important;
    padding: 50px 0 45px 0 !important;
  }
}


.vp-hero.vp-hero-inner,
.vp-hero-banner.vp-hero-inner,
.blog-single-hero,
.single-post .vp-hero,
.single-insight .vp-hero,
body:not(.home) .page .vp-hero:not(.vp-hero-home-main),
body:not(.home) .page .vp-hero-banner:not(.vp-hero-home-main),
.page-id-20 .vp-hero.vp-hero-inner,
.page-id-704 .vp-hero.vp-hero-inner,
.page-id-163 .vp-hero.vp-hero-inner,
.page-id-164 .vp-hero.vp-hero-inner {
  height: 300px !important;
  min-height: 300px !important;
  max-height: 300px !important;
  background-image: url('../../uploads/machines/pharmaceutical-eye-drop-filling-machine.webp') !important;
  background-size: cover !important;
  background-position: 50% 25% !important;
  background-repeat: no-repeat !important;
  display: flex !important;
  align-items: center !important;
  border: none !important;
}

/* REMOVE BUTTON IN HERO SECTION OF INNER PAGES (INSIGHTS, BLOG, LIVE UPDATES, CASE STUDIES) */
.vp-hero-inner .vp-btn-primary,
.vp-hero-inner .vp-btn-secondary,
.vp-hero-inner .vp-hero-cta,
.vp-hero-inner .vp-hero-btn-wrap,
.vp-hero-inner a.vp-hero-btn,
.vp-hero-inner a.vp-btn-primary,
.vp-hero-inner a[class*="btn"],
.vp-hero-inner .vp-hero-content a {
  display: none !important;
}

/* HOME HERO BUTTON PROPER DISPLAY */
.vp-hero-home-main .vp-home-btn-wrap {
  display: block !important;
  margin-top: 24px !important;
}

.vp-hero-home-main a.vp-home-btn-discover {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #0284c7 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  padding: 14px 34px !important;
  border-radius: 30px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 18px rgba(2, 132, 199, 0.45) !important;
  transition: all 0.3s ease !important;
}

.vp-hero-home-main a.vp-home-btn-discover:hover {
  background: #0369a1 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(2, 132, 199, 0.55) !important;
}

/* ENSURE CONTENT IS STRICTLY LEFT-ALIGNED */
.vp-hero .vp-hero-content,
.vp-hero-inner .vp-hero-content {
  text-align: left !important;
  align-items: flex-start !important;
  margin: 0 !important;
}

.vp-hero .vp-hero-title,
.vp-hero-inner .vp-hero-title,
.vp-hero-home-main .vp-hero-title {
  font-size: clamp(26px, 2.8vw, 38px) !important;
  font-weight: 800 !important;
  line-height: 1.22 !important;
  text-align: left !important;
  margin: 0 0 14px 0 !important;
}

.vp-hero .vp-hero-desc,
.vp-hero-inner .vp-hero-desc {
  text-align: left !important;
  margin: 0 !important;
}

/* HEADER NAVIGATION: CLEAN RIGHT-ALIGNED LIKE REFERENCE (COMPACT SPACING) */
.elementor-widget-navigation-menu {
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
}

.elementor-widget-navigation-menu .hfe-nav-menu__layout-horizontal {
  justify-content: flex-end !important;
  display: flex !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
  justify-content: flex-end !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item {
  padding: 8px 14px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  color: #10183b !important;
  white-space: nowrap !important;
  transition: color 0.2s ease !important;
}

.hfe-nav-menu__layout-horizontal .menu-item a.hfe-menu-item:hover {
  color: #569e32 !important;
}

/* FOOTER HEADINGS (Products, Quick Links, Contact Info) ALIGNED IN ONE EXACT HORIZONTAL LINE IN WHITE */
.vp-footer-col-products h4,
.vp-footer-col-quicklinks h4,
.vp-footer-col-contact h4,
.vp-footer-grid h4 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  display: block !important;
}

.vp-footer-col-products,
.vp-footer-col-quicklinks,
.vp-footer-col-contact {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* HOME PAGE BUTTONS IN LOGO COLOR THEME */
.vp-hero-home-main a.vp-home-btn-discover,
.vp-what-we-do-section a.vp-btn-whatwedo,
.vp-what-we-do-section a.vp-btn-pill,
.vp-about-section-wrap a.vp-btn-about-box {
  background: #569e32 !important;
  color: #ffffff !important;
  border-radius: 30px !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 18px rgba(86, 158, 50, 0.4) !important;
  transition: all 0.3s ease !important;
}

.vp-hero-home-main a.vp-home-btn-discover:hover,
.vp-what-we-do-section a.vp-btn-whatwedo:hover,
.vp-what-we-do-section a.vp-btn-pill:hover,
.vp-about-section-wrap a.vp-btn-about-box:hover {
  background: #468627 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 22px rgba(86, 158, 50, 0.52) !important;
}

/* ===================================================
/* ===================================================
   ASSEMBLY PAGE CARDS (3 CARDS IN A ROW)
   =================================================== */
.vp-assembly-grid-line,
.vp-assembly-grid-3,
.vp-features-section-wrap .vp-grid-cards:not(.vp-industry-grid-4) {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
  width: 100% !important;
}

@media (max-width: 991px) {

  .vp-assembly-grid-line,
  .vp-assembly-grid-3,
  .vp-features-section-wrap .vp-grid-cards:not(.vp-industry-grid-4) {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {

  .vp-assembly-grid-line,
  .vp-assembly-grid-3,
  .vp-features-section-wrap .vp-grid-cards:not(.vp-industry-grid-4) {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

/* ===================================================
   HEADER DROPDOWN MENU DIVIDER LINES
   =================================================== */
.vp-dropdown li {
  border-bottom: none !important;
}

.vp-dropdown li:last-child {
  border-bottom: none !important;
}

/* ===================================================
   TECHNICAL SPECIFICATIONS & PARAMETERS (CLEAN LOGO THEME, NO BLUE LINES)
   =================================================== */
.vp-specs-section-wrap {
  padding-top: 35px !important;
  padding-bottom: 55px !important;
}

.vp-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 22px !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.vp-spec-card {
  padding: 24px 20px !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3.5px solid #569e32 !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  background: #ffffff !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.vp-spec-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(86, 158, 50, 0.12) !important;
  border-color: #cbd5e1 !important;
  border-top-color: #569e32 !important;
}

.vp-spec-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  margin-bottom: 14px !important;
  border-bottom: none !important;
}

.vp-spec-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 10px !important;
  background: rgba(86, 158, 50, 0.12) !important;
  color: #569e32 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
  transition: all 0.3s ease !important;
}

.vp-spec-card:hover .vp-spec-icon {
  background: #569e32 !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

.vp-spec-title-wrap {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.vp-spec-label {
  display: none !important;
}

.vp-spec-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #10183b !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  transform: none !important;
}

.vp-spec-val {
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .vp-specs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
}

@media (max-width: 640px) {
  .vp-specs-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ===================================================
   TASK 3: CLIENTELE PAGE 4 CARDS BLUE HOVER EFFECT
   =================================================== */
.vp-clientele-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
}

.vp-clientele-card:hover {
  border-color: #10183b !important;
  transform: translateY(-6px) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.14) !important;
}

.vp-clientele-card:hover h4 {
  color: #10183b !important;
}

.vp-clientele-card:hover .vp-icon-box {
  background-color: #10183b !important;
  background: #10183b !important;
}

.vp-clientele-card:hover .vp-icon-box i,
.vp-clientele-card:hover .vp-icon-box svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* ===================================================
   PHARMACEUTICAL INDUSTRY APPLICATIONS & INDUSTRIES WE SERVE
   4 CARDS IN 1 ROW (LINKS DISABLED)
   =================================================== */
.vp-industry-grid-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
}

@media (max-width: 1024px) {
  .vp-industry-grid-4 {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 20px !important;
  }
}

@media (max-width: 640px) {
  .vp-industry-grid-4 {
    grid-template-columns: 1fr !important;
  }
}

/* Ensure SEO Schema widget is 100% hidden visually on website frontend, but present in view-source */
body:not(.elementor-editor-active) .elementor-widget-vedax_seo_schema,
body:not(.elementor-editor-active) .vdx-schema-preview-box {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  line-height: 0 !important;
  font-size: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* ===================================================
   INSIGHTS, BLOGS, LIVE UPDATES, CASE STUDIES CARDS
   =================================================== */
.vp-product-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  cursor: default !important;
}

.vp-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.12) !important;
  border-color: #cbd5e1 !important;
}

.vp-card-media {
  position: relative !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 200px !important;
  max-height: none !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  box-sizing: border-box !important;
}

.vp-card-media a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.vp-card-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  transition: transform 0.4s ease !important;
}

.vp-product-card:hover .vp-card-media img {
  transform: scale(1.05) !important;
}

.vp-card-body {
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

.vp-card-title {
  margin: 0 0 12px 0 !important;
  font-size: 18.5px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: #10183b !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: calc(1.4em * 2) !important;
}

.vp-card-title a {
  color: #10183b !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.vp-card-p {
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: calc(1.6em * 3) !important;
}

.vp-card-btn-wrap {
  margin-top: auto !important;
  padding-top: 18px !important;
  border-top: none !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.vp-card-btn,
a.vp-card-btn,
.vp-product-card a.vp-card-btn,
.elementor-widget-vedax_articles_grid .vp-card-btn,
.elementor-widget-vedax_articles_grid a.vp-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #569e32 !important;
  background-color: #569e32 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  margin-top: auto !important;
  border: none !important;
  border-top: none !important;
  box-shadow: 0 3px 12px rgba(86, 158, 50, 0.28) !important;
  width: auto !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

.vp-card-btn span,
a.vp-card-btn span,
.vp-product-card a.vp-card-btn span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.vp-card-btn i,
a.vp-card-btn i,
.vp-product-card a.vp-card-btn i {
  font-size: 13px !important;
  color: #ffffff !important;
  transition: transform 0.25s ease !important;
}

.vp-card-btn:hover,
a.vp-card-btn:hover,
.vp-product-card a.vp-card-btn:hover,
.elementor-widget-vedax_articles_grid .vp-card-btn:hover,
.elementor-widget-vedax_articles_grid a.vp-card-btn:hover {
  background: #10183b !important;
  background-color: #10183b !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(16, 24, 59, 0.22) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.vp-card-btn:hover span,
a.vp-card-btn:hover span,
.vp-product-card a.vp-card-btn:hover span {
  color: #ffffff !important;
}

.vp-card-btn:hover i,
a.vp-card-btn:hover i,
.vp-product-card a.vp-card-btn:hover i {
  transform: translateX(4px) !important;
  color: #ffffff !important;
}

.vp-product-card:hover .vp-card-title a {
  color: #569e32 !important;
}

/* ==========================================================================
   SECTION TITLE & SUBTITLE / DESCRIPTION CENTERING (SITE-WIDE)
   Ensures all section subtitles under section titles are centered horizontally
   ========================================================================== */
.vp-title-wrap,
.vp-section>.vp-container>.vp-title-wrap,
.vp-section-alt>.vp-container>.vp-title-wrap {
  text-align: center !important;
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 30px !important;
}

.vp-title-wrap .vp-section-title {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.vp-title-wrap .vp-section-desc,
.vp-title-wrap p,
.vp-title-wrap .vp-subtitle {
  text-align: center !important;
  text-align-last: center !important;
  text-justify: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 820px !important;
  display: block !important;
}

/* ==========================================================================
   HERO BANNER FULL WIDESCREEN LEFT ALIGNMENT (TITLE & SUBTITLE)
   Ensures hero title & subtitle are strictly aligned to the left on all screens
   including full widescreen, 2K & 4K displays.
   ========================================================================== */
.vp-hero .vp-hero-container,
.vp-hero.vp-hero-banner .vp-hero-container,
.vp-hero-banner .vp-container,
.vp-hero-inner .vp-hero-container,
.vp-hero-compact .vp-hero-container,
.single-post .vp-hero-container,
body:not(.single-post) .vp-hero-inner .vp-hero-container,
.vp-container.vp-hero-container,
.vp-hero-left-box,
.vp-hero-container {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding-left: clamp(20px, 4vw, 80px) !important;
  padding-right: clamp(20px, 4vw, 80px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.vp-hero-content,
.vp-hero-banner .vp-hero-content,
.vp-hero-inner .vp-hero-content,
.vp-hero-compact .vp-hero-content,
.single-post .vp-hero-content {
  text-align: left !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  max-width: 950px !important;
  width: 100% !important;
}

.vp-hero-title,
.vp-hero-banner h1,
.vp-hero-inner .vp-hero-title,
.vp-hero-compact .vp-hero-title,
.single-post .vp-hero-title {
  color: #ffffff !important;
  font-size: clamp(30px, 3.5vw, 44px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin-top: 0 !important;
  margin-bottom: 12px !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) !important;
}

.vp-hero-desc,
.vp-hero-banner .vp-hero-desc,
.vp-hero-banner .vp-hero-p,
.vp-hero-inner .vp-hero-desc,
.single-post .vp-hero-desc {
  color: #f1f5f9 !important;
  font-size: 16.5px !important;
  line-height: 1.6 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  text-align: left !important;
  text-align-last: left !important;
  text-justify: auto !important;
  max-width: 820px !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}

/* ==========================================================================
   LIVE UPDATES SINGLE POST LAYOUT (LEFT IMAGE, RIGHT CONTENT, FULLY RESPONSIVE)
   ========================================================================== */
.vdx-single-lu-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.vdx-single-lu-container {
  width: 95% !important;
  max-width: 95vw !important;
  margin: 0 auto !important;
  padding: 0 clamp(16px, 2.5vw, 40px) !important;
  box-sizing: border-box !important;
}

/* TOP TWO-COLUMN GRID */
.vdx-lu-top-grid,
.vdx-lu-main-grid {
  display: flex !important;
  align-items: flex-start !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-bottom: 30px !important;
}

.vdx-lu-img-col {
  position: relative !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
}

.vdx-lu-featured-img {
  width: 100% !important;
  height: 100% !important;
  max-height: 380px !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 12px !important;
}

.vdx-lu-intro-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.vdx-lu-intro-text p {
  font-size: 1.08rem !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  margin: 0 0 24px 0 !important;
  font-weight: 400 !important;
}

.vdx-lu-intro-text strong {
  color: #0b2545 !important;
  font-weight: 600 !important;
}

.vdx-lu-btn-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  width: 100% !important;
  align-items: stretch !important;
}

.vdx-btn-yellow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  background: #569e32 !important;
  background: linear-gradient(135deg, #569e32 0%, #468627 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  padding: 13px 26px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(86, 158, 50, 0.35) !important;
  transition: all 0.25s ease !important;
}

.vdx-btn-yellow:hover {
  background: linear-gradient(135deg, #468627 0%, #356b1c 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(86, 158, 50, 0.45) !important;
}

.vdx-btn-arrow {
  transition: transform 0.25s ease !important;
}

.vdx-btn-yellow:hover .vdx-btn-arrow {
  transform: translateX(4px) !important;
}

.vdx-btn-call {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  background: #f0f4f9 !important;
  border: 1.5px solid #10183b !important;
  color: #10183b !important;
  font-weight: 700 !important;
  font-size: 0.98rem !important;
  padding: 12px 24px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.vdx-btn-call:hover {
  background: #10183b !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(16, 24, 59, 0.25) !important;
}

/* BOTTOM CARD */
.vdx-lu-body-card {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin-bottom: 50px !important;
}

.vdx-lu-main-article-content {
  margin-bottom: 36px !important;
  padding-bottom: 30px !important;
  border-bottom: 1px solid #f1f5f9 !important;
}

.vdx-lu-main-article-content h2 {
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  color: #0b2545 !important;
  margin: 28px 0 14px 0 !important;
}

.vdx-lu-main-article-content p {
  font-size: 1.02rem !important;
  line-height: 1.75 !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
}

.vdx-lu-main-article-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 24px 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.vdx-lu-main-article-content li {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #334155 !important;
  padding-left: 26px !important;
  position: relative !important;
}

.vdx-lu-main-article-content li::before {
  content: "✓" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: #059669 !important;
  font-weight: 700 !important;
}

.vdx-lu-section-title {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
  color: #0b2545 !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.35 !important;
}

.vdx-lu-section-lead {
  font-size: 1.05rem !important;
  line-height: 1.75 !important;
  color: #475569 !important;
  margin-bottom: 28px !important;
}

.vdx-lu-sub-title {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 24px 0 18px 0 !important;
}

.vdx-lu-pillars-grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.vdx-lu-pillar-item {
  display: flex !important;
  gap: 14px !important;
  align-items: flex-start !important;
  background: #f8fafc !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 10px !important;
  padding: 16px 20px !important;
  transition: all 0.2s ease !important;
}

.vdx-lu-pillar-item:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

.vdx-lu-pillar-icon {
  flex-shrink: 0 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
  background: #d1fae5 !important;
  color: #059669 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 2px !important;
}

.vdx-lu-pillar-body {
  font-size: 1rem !important;
  line-height: 1.65 !important;
  color: #334155 !important;
}

.vdx-lu-pillar-body strong {
  color: #0b2545 !important;
  font-weight: 600 !important;
}

/* ==========================================================================
   RESPONSIVE DESIGN: ULTRA WIDE SCREEN (1400px, 1920px, 2400px+ 4K)
   ========================================================================== */
@media (min-width: 1400px) {

  .vdx-single-lu-container,
  .custom-breadcrumb-inner {
    width: 95% !important;
    max-width: 95vw !important;
    padding-left: clamp(20px, 2.5vw, 48px) !important;
    padding-right: clamp(20px, 2.5vw, 48px) !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .vdx-lu-img-col {
    max-height: 480px !important;
    min-height: 360px !important;
  }

  .vdx-lu-featured-img {
    max-height: 480px !important;
  }

  .vdx-lu-intro-text p {
    font-size: 1.18rem !important;
    line-height: 1.8 !important;
  }

  .vdx-btn-yellow,
  .vdx-btn-call {
    padding: 15px 30px !important;
    font-size: 1.05rem !important;
  }

  .vdx-lu-body-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
  }

  .vdx-lu-section-title {
    font-size: 1.85rem !important;
  }

  .vdx-lu-pillar-item {
    padding: 20px 24px !important;
  }

  .vdx-lu-pillar-body {
    font-size: 1.08rem !important;
  }

  .blog-single-hero .vp-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .blog-single-hero .vp-hero-title {
    font-size: 2.6rem !important;
  }

  .blog-single-hero .vp-hero-desc {
    font-size: 1.25rem !important;
  }
}

@media (min-width: 1800px) {

  .vdx-single-lu-container,
  .custom-breadcrumb-inner {
    width: 95% !important;
    max-width: 95vw !important;
    padding-left: clamp(24px, 3vw, 56px) !important;
    padding-right: clamp(24px, 3vw, 56px) !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .vdx-lu-img-col {
    max-height: 560px !important;
    min-height: 420px !important;
  }

  .vdx-lu-featured-img {
    max-height: 560px !important;
  }

  .vdx-lu-intro-text p {
    font-size: 1.28rem !important;
    line-height: 1.82 !important;
  }

  .vdx-btn-yellow,
  .vdx-btn-call {
    padding: 16px 34px !important;
    font-size: 1.12rem !important;
  }

  .vdx-lu-body-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
  }

  .vdx-lu-section-title {
    font-size: 2.1rem !important;
  }

  .vdx-lu-pillar-body {
    font-size: 1.15rem !important;
  }

  .blog-single-hero .vp-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .blog-single-hero .vp-hero-title {
    font-size: 3rem !important;
  }

  .blog-single-hero .vp-hero-desc {
    font-size: 1.35rem !important;
  }
}

/* 4K ULTRA WIDE SCREENS (2400px - 3840px+) */
@media (min-width: 2400px) {

  .vdx-single-lu-container,
  .custom-breadcrumb-inner {
    width: 95% !important;
    max-width: 95vw !important;
    padding-left: clamp(32px, 3.5vw, 64px) !important;
    padding-right: clamp(32px, 3.5vw, 64px) !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .vdx-lu-img-col {
    max-height: 720px !important;
    min-height: 500px !important;
  }

  .vdx-lu-featured-img {
    max-height: 720px !important;
  }

  .vdx-lu-intro-text p {
    font-size: 1.55rem !important;
    line-height: 1.85 !important;
  }

  .vdx-btn-yellow,
  .vdx-btn-call {
    padding: 20px 42px !important;
    font-size: 1.32rem !important;
    border-radius: 12px !important;
  }

  .vdx-lu-body-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    width: 100% !important;
  }

  .vdx-lu-main-article-content h2 {
    font-size: 2.3rem !important;
  }

  .vdx-lu-main-article-content p {
    font-size: 1.35rem !important;
    line-height: 1.85 !important;
  }

  .vdx-lu-main-article-content li {
    font-size: 1.3rem !important;
    line-height: 1.8 !important;
  }

  .vdx-lu-section-title {
    font-size: 2.5rem !important;
  }

  .vdx-lu-section-lead {
    font-size: 1.4rem !important;
    line-height: 1.85 !important;
  }

  .vdx-lu-sub-title {
    font-size: 1.7rem !important;
  }

  .vdx-lu-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 28px !important;
  }

  .vdx-lu-pillar-item {
    padding: 26px 32px !important;
  }

  .vdx-lu-pillar-body {
    font-size: 1.32rem !important;
    line-height: 1.8 !important;
  }

  .vdx-lu-pillar-icon {
    width: 44px !important;
    height: 44px !important;
  }

  .vdx-lu-pillar-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .blog-single-hero .vp-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
  }

  .blog-single-hero .vp-hero-title {
    font-size: 3.8rem !important;
  }

  .blog-single-hero .vp-hero-desc {
    font-size: 1.7rem !important;
  }
}

/* ==========================================================================
   RESPONSIVE DESIGN: TABLET & MOBILE PHONE SCREENS
   ========================================================================== */
@media (max-width: 991px) {
  .vdx-single-lu-container {
    max-width: 100% !important;
    padding: 0 16px !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .vdx-lu-img-col {
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .vdx-lu-featured-img {
    max-height: 320px !important;
  }

  .vdx-lu-body-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }

  .vdx-lu-section-title {
    font-size: 1.35rem !important;
  }
}

@media (max-width: 768px) {
  .vdx-single-lu-container {
    padding: 0 14px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    gap: 18px !important;
    margin-bottom: 20px !important;
  }

  .vdx-lu-img-col {
    min-height: auto !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    border-radius: 10px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-bottom: 16px !important;
  }

  .vdx-lu-featured-img {
    height: auto !important;
    max-height: 260px !important;
    border-radius: 10px !important;
  }

  .vdx-lu-intro-text p {
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    margin-bottom: 16px !important;
  }

  .vdx-lu-btn-row {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 10px !important;
    height: auto !important;
    overflow: visible !important;
    margin-bottom: 8px !important;
  }

  .vdx-btn-yellow,
  .vdx-btn-call,
  .vdx-lu-btn-row .vdx-btn-yellow,
  .vdx-lu-btn-row .vdx-btn-call {
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 18px !important;
    font-size: 0.96rem !important;
    border-radius: 8px !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
  }

  .vdx-lu-body-card {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 24px !important;
  }

  .vdx-lu-main-article-content h2 {
    font-size: 1.32rem !important;
    margin: 20px 0 10px 0 !important;
  }

  .vdx-lu-main-article-content p {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    margin-bottom: 14px !important;
  }

  .vdx-lu-main-article-content li {
    font-size: 0.92rem !important;
    padding-left: 24px !important;
  }

  .vdx-lu-section-title {
    font-size: 1.28rem !important;
    line-height: 1.35 !important;
  }

  .vdx-lu-section-lead {
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
  }

  .vdx-lu-sub-title {
    font-size: 1.15rem !important;
    margin: 18px 0 12px 0 !important;
  }

  .vdx-lu-pillar-item {
    padding: 13px 14px !important;
    gap: 12px !important;
    border-radius: 8px !important;
  }

  .vdx-lu-pillar-icon {
    width: 28px !important;
    height: 28px !important;
  }

  .vdx-lu-pillar-body {
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
  }

  .author-detailswrap {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    padding: 14px 18px !important;
  }

  .blog-single-hero {
    min-height: 220px !important;
  }

  .blog-single-hero .vp-hero-title {
    font-size: 1.6rem !important;
    line-height: 1.25 !important;
  }

  .blog-single-hero .vp-hero-desc {
    font-size: 0.92rem !important;
    line-height: 1.5 !important;
  }
}

/* We Offer Quality Pharmaceutical Machinery Carousel - Card & Image Link Removal */
.vp-products-showcase-section .vp-work-box {
  cursor: default !important;
  user-select: none !important;
}

.vp-products-showcase-section .vp-work-box img {
  pointer-events: none !important;
}

.vp-products-showcase-section .works-wrapper-box a,
.vp-products-showcase-section a {
  pointer-events: none !important;
  cursor: default !important;
  text-decoration: none !important;
}

/* Table of Contents Mobile Placement & Styling */
@media screen and (max-width: 767px) {
  .blog-single-post {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 0 14px !important;
    margin-top: 14px !important;
  }

  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed {
    width: 100% !important;
    max-width: 100% !important;
    position: static !important;
    order: 1 !important;
    margin: 0 0 10px 0 !important;
  }

  .blog-single-content,
  .blog-single-post-left {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
  }

  .blog-sticky {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #ez-toc-container {
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #dcfce7 !important;
    border-left: 4px solid #569e32 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(16, 24, 59, 0.05) !important;
    padding: 16px 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .ez-toc-title-container {
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
  }

  .ez-toc-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #10183b !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .ez-toc-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .ez-toc-list li {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }

  .ez-toc-link {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 6px !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    color: #334155 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .ez-toc-link:hover,
  .ez-toc-link.active {
    background: #f0fdf4 !important;
    border-color: #86efac !important;
    color: #166534 !important;
    font-weight: 600 !important;
  }
}

/* ==========================================================================
   MOBILE & TABLET HEADER DEFINITIVE IN-LINE LAYOUT (LOGO LEFT, 3-LINE TOGGLE RIGHT)
   Exact match to sremhepvtltd.in single-line mobile navigation bar
   ========================================================================== */
@media screen and (max-width: 1024px) {

  /* Prevent horizontal scroll */
  html,
  body {
    overflow-x: clip !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  /* Sticky header container - strictly flush at top: 0 (zero gap above) */
  #masthead,
  header#masthead,
  .ehf-header #masthead,
  body #masthead,
  body.admin-bar #masthead {
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    margin-top: 0 !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
  }

  @media screen and (max-width: 782px) {
    #wpadminbar {
      display: none !important;
    }

    html,
    body,
    html body {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    body.admin-bar #masthead,
    #masthead {
      top: 0 !important;
      margin-top: 0 !important;
    }
  }

  body.vp-header-hidden #masthead {
    transform: none !important;
  }

  /* Main section inside header */
  .elementor-714 .elementor-element.elementor-element-sec_header_main,
  #masthead .elementor-element-sec_header_main,
  #masthead section.elementor-section {
    padding: 8px 16px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    height: 58px !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  /* Container: STRICT SINGLE ROW, NEVER WRAP */
  .elementor-714 .elementor-element.elementor-element-sec_header_main>.elementor-container,
  #masthead .elementor-container,
  .ehf-header #masthead .elementor-container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    box-sizing: border-box !important;
  }

  /* Logo Column: Left side */
  .elementor-714 .elementor-element.elementor-element-col_header_logo,
  #masthead .elementor-element-col_header_logo,
  #masthead .elementor-column.elementor-col-22 {
    width: auto !important;
    max-width: 65% !important;
    flex: 0 1 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-714 .elementor-element-col_header_logo>.elementor-element-populated,
  #masthead .elementor-element-col_header_logo>.elementor-element-populated,
  #masthead .elementor-column.elementor-col-22>.elementor-element-populated {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .elementor-714 .elementor-element-w_header_logo,
  #masthead .elementor-element-w_header_logo {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .elementor-714 .elementor-element-w_header_logo a,
  #masthead .elementor-element-w_header_logo a {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-714 .elementor-element-w_header_logo img,
  #masthead .elementor-element-w_header_logo img,
  #masthead img {
    height: 36px !important;
    max-height: 36px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Navigation Column: Right side on same horizontal line */
  .elementor-714 .elementor-element.elementor-element-col_header_nav,
  #masthead .elementor-element-col_header_nav,
  #masthead .elementor-column.elementor-col-78 {
    width: auto !important;
    max-width: 35% !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .elementor-714 .elementor-element-col_header_nav>.elementor-element-populated,
  #masthead .elementor-element-col_header_nav>.elementor-element-populated,
  #masthead .elementor-column.elementor-col-78>.elementor-element-populated {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .elementor-714 .elementor-element-w_header_nav,
  #masthead .elementor-element-w_header_nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .elementor-714 .elementor-element-w_header_nav .elementor-widget-container,
  #masthead .elementor-element-w_header_nav .elementor-widget-container {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .elementor-714 .elementor-element-w_header_nav .hfe-nav-menu,
  #masthead .hfe-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* SRE-Style 3-Line Hamburger Box (42px x 38px, white rounded border box) */
  .elementor-714 .elementor-element-w_header_nav .hfe-nav-menu__toggle,
  .elementor-714 .hfe-nav-menu__toggle,
  #masthead .hfe-nav-menu__toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
    box-sizing: border-box !important;
    position: relative !important;
    outline: none !important;
    transition: all 0.2s ease !important;
  }

  #masthead .hfe-nav-menu__toggle:hover,
  #masthead .hfe-nav-menu__toggle:focus {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
  }

  /* Hide default 4-line SVG icon */
  .elementor-714 .elementor-element-w_header_nav .hfe-nav-menu-icon svg.e-fas-align-justify,
  #masthead .hfe-nav-menu-icon svg.e-fas-align-justify {
    display: none !important;
  }

  /* 3 crisp lines identical to sremhepvtltd.in */
  .elementor-714 .elementor-element-w_header_nav .hfe-nav-menu-icon,
  #masthead .hfe-nav-menu-icon {
    font-size: 0 !important;
    line-height: 0 !important;
    width: 20px !important;
    height: 14px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  /* 3 clean lines using ::before and box-shadow */
  .elementor-714 .elementor-element-w_header_nav .hfe-nav-menu-icon::before,
  #masthead .hfe-nav-menu-icon::before {
    content: '' !important;
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #10183b !important;
    border-radius: 2px !important;
    box-shadow: 0 6px 0 0 #10183b, 0 12px 0 0 #10183b !important;
    position: absolute !important;
    top: 1px !important;
    left: 0 !important;
  }

  /* SRE Bar spans if injected */
  .sre-bar {
    display: block !important;
    width: 20px !important;
    height: 2px !important;
    background-color: #10183b !important;
    border-radius: 2px !important;
    margin: 2px 0 !important;
  }

  /* If menu is open / active, show close 'X' */
  .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon::before {
    display: none !important;
  }

  .hfe-nav-menu__toggle.hfe-active-menu .hfe-nav-menu-icon svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    fill: #10183b !important;
    margin: 0 auto !important;
  }

  /* Body open state: masthead rises above backdrop */
  body.hfe-menu-open #masthead {
    z-index: 999999 !important;
  }

  /* Backdrop overlay (dimmed screen strictly behind drawer, NO BLUR) */
  .hfe-menu-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background: rgba(0, 0, 0, 0.5) !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 99990 !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease, visibility 0.25s ease !important;
    pointer-events: none;
  }

  body.hfe-menu-open {
    overflow: hidden !important;
  }

  body.hfe-menu-open .hfe-menu-backdrop {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Right-Side Off-Canvas Drawer (Matches sremhepvtltd.in 100% crisp white, no blur) */
  #masthead nav.hfe-nav-menu__layout-horizontal,
  #masthead .hfe-dropdown {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    width: 80% !important;
    max-width: 320px !important;
    min-width: 270px !important;
    height: auto !important;
    max-height: calc(100vh - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: -6px 8px 30px rgba(0, 0, 0, 0.18) !important;
    border-left: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-bottom-left-radius: 16px !important;
    border-top: none !important;
    z-index: 1000000 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 16px 16px 20px 16px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    transform: translateX(110%) !important;
    visibility: hidden !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s ease !important;
  }

  #masthead nav.hfe-nav-menu__layout-horizontal.menu-is-active,
  #masthead .hfe-dropdown.menu-is-active {
    transform: translateX(0) !important;
    visibility: visible !important;
    display: flex !important;
    opacity: 1 !important;
  }

  #masthead nav.hfe-nav-menu__layout-horizontal *,
  #masthead .hfe-dropdown * {
    filter: none !important;
    -webkit-filter: none !important;
  }

  /* Drawer Header with Close Button */
  .vp-drawer-topbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 14px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    width: 100% !important;
  }

  .vp-drawer-topbar .vp-drawer-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #10183b !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
  }

  .vp-drawer-close-btn {
    width: 32px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 20px !important;
    color: #475569 !important;
    cursor: pointer !important;
    line-height: 1 !important;
  }

  /* Menu list inside Right Drawer */
  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu,
  #masthead .hfe-dropdown .hfe-nav-menu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 4px !important;
  }

  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li,
  #masthead .hfe-dropdown .hfe-nav-menu>li {
    width: 100% !important;
    display: block !important;
    border-bottom: none !important;
    margin: 0 !important;
  }

  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li>.hfe-has-submenu-container,
  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 14px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
  }

  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li.current-menu-item>a,
  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li.current-menu-item>.hfe-has-submenu-container,
  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li:first-child>a {
    background: #f1f5f9 !important;
    color: #10183b !important;
  }

  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li:hover>a,
  #masthead .hfe-nav-menu__layout-horizontal .hfe-nav-menu>li:hover>.hfe-has-submenu-container {
    background: #f8fafc !important;
    color: #569e32 !important;
  }

  /* Toggle Arrow matching Screenshot 2 */
  #masthead .hfe-menu-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 30px !important;
    background: #f1f5f9 !important;
    border-radius: 6px !important;
    color: #475569 !important;
    font-size: 13px !important;
    margin-left: auto !important;
    cursor: pointer !important;
    transition: transform 0.25s ease, background 0.2s ease !important;
  }

  #masthead .menu-item-has-children.is-expanded .hfe-menu-toggle,
  #masthead .menu-item-has-children.sub-menu-open .hfe-menu-toggle {
    transform: rotate(180deg) !important;
    background: #e2e8f0 !important;
    color: #0f172a !important;
  }

  /* Submenu: Clean Cards identical to Screenshot 2 (sremhepvtltd.in) */
  #masthead .sub-menu {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 !important;
    margin: 4px 0 10px 0 !important;
    list-style: none !important;
  }

  #masthead .menu-item-has-children.is-expanded>.sub-menu,
  #masthead .menu-item-has-children.sub-menu-open>.sub-menu,
  #masthead .sub-menu.is-active,
  #masthead .sub-menu.sub-menu-open {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: 3000px !important;
    overflow: visible !important;
  }

  #masthead .sub-menu li {
    list-style: none !important;
    width: 100% !important;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  #masthead .sub-menu li a {
    display: block !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 10px 14px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #334155 !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    transition: all 0.15s ease !important;
  }

  #masthead .sub-menu li a:hover,
  #masthead .sub-menu li a:active {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
  }

  /* Bottom CTA Button inside Right Drawer: warm gold matching Screenshot 2 */
  .vp-drawer-cta-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 13px 20px !important;
    margin-top: 20px !important;
    background: #f59e0b !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 14.5px !important;
    border-radius: 8px !important;
    text-align: center !important;
    box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35) !important;
    text-decoration: none !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
  }
}

/* DESKTOP (>= 992px): Image fills full card on right side without empty space */
@media screen and (min-width: 992px) {
  .vp-about-section-wrap .vp-grid-2 {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 48px !important;
    align-items: center !important;
  }

  .vp-about-image-col {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
  }

  .vp-about-img-card,
  .vp-about-image-col>div {
    width: 100% !important;
    max-width: 580px !important;
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 12px 32px rgba(16, 24, 59, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    margin: 0px auto !important;
    display: block !important;
    line-height: 0 !important;
    background: transparent !important;
  }

  .vp-about-image-col img,
  .vp-about-img-card img {
    width: 100% !important;
    height: 440px !important;
    min-height: 440px !important;
    max-height: 440px !important;
    max-width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 16px !important;
    margin: 0px !important;
    padding: 0px !important;
    border: none !important;
    line-height: 0 !important;
    transition: transform 0.4s ease !important;
  }

  .vp-about-img-card:hover img {
    transform: scale(1.03) !important;
  }
}

/* ==========================================================================
   PHONE SCREEN COMPREHENSIVE RESPONSIVENESS (MATCHES sremhepvtltd.in)
   ========================================================================== */
@media screen and (max-width: 991px) {

  /* About Us ("Your Trusted Partner in Industrial Manufacturing") Mobile Polish */
  .vp-about-section-wrap {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  .vp-about-section-wrap .vp-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .vp-about-section-wrap .vp-grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .vp-about-content {
    width: 100% !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-section-title {
    font-size: clamp(22px, 5.5vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    color: #10183b !important;
    max-width: 100% !important;
  }

  .vp-about-section-wrap .vp-section-desc {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    color: #475569 !important;
    max-width: 100% !important;
  }

  .vp-about-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
  }

  .vp-about-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #569e32 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }

  .vp-about-feat-title {
    color: #10183b !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
  }

  .vp-about-feat-desc {
    margin: 0 !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
  }

  .vp-about-btn-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px auto 0 auto !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-btn-about-box,
  .vp-btn-about-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 12px 24px !important;
    background: #569e32 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(86, 158, 50, 0.28) !important;
    box-sizing: border-box !important;
  }

  .vp-about-image-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .vp-about-img-card,
  .vp-about-image-col>div {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(16, 24, 59, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    margin: 0px auto !important;
    line-height: 0 !important;
    display: block !important;
  }

  .vp-about-image-col img,
  .vp-about-img-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    max-height: 260px !important;
    min-height: 200px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 13px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    line-height: 0 !important;
  }

  /* Section Headings, Badges & Titles centered matching sremhepvtltd.in */
  .sre-hero-modern-title,
  .vp-section-title,
  h1.vp-section-title,
  h2.vp-section-title,
  .elementor-heading-title {
    text-align: center !important;
  }

  .vp-badge,
  .vp-section-badge,
  .sre-hero-badge {
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    text-align: center !important;
  }

  .vp-section-desc,
  .vp-hero-desc,
  .sre-hero-modern-desc {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 650px !important;
  }

  /* Action Buttons centered on mobile */
  .vp-hero-actions,
  .vp-btn-group,
  .elementor-element .elementor-button-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    gap: 12px !important;
  }

  .vp-btn-primary,
  .vp-btn-secondary {
    width: 100% !important;
    max-width: 320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

@media screen and (max-width: 768px) {

  /* All custom grids stack into 1 clean column on mobile */
  .vp-grid-2,
  .vp-grid-3,
  .vp-grid-4,
  .vp-product-showcase-grid,
  .vp-features-grid,
  .vp-services-grid,
  .vp-why-choose-grid,
  .vp-stats-grid,
  .vp-about-grid,
  .vp-products-grid,
  .vp-industries-grid,
  [class*="vp-grid"],
  div[style*="grid-template-columns"] {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 20px !important;
    box-sizing: border-box !important;
  }

  .vp-product-showcase-grid>div,
  .vp-grid-2>div,
  .vp-grid-3>div,
  .vp-grid-4>div {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Fix for Features & Applications sub-grid */
  div[style*="grid-template-columns: 1fr 1fr"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    width: 100% !important;
  }

  /* Thumbnails in product showcase */
  .vp-thumb-gallery,
  div[style*="grid-template-columns: repeat(4, 1fr)"] {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }

  .vp-thumb-gallery img {
    height: 54px !important;
    width: 100% !important;
    object-fit: cover !important;
  }

  /* Product Media and Main Image Card */
  .vp-product-media-wrapper,
  .vp-main-img-card,
  .vp-specs-table-card {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vp-main-img-card img {
    max-height: 280px !important;
    width: 100% !important;
    object-fit: contain !important;
  }

  /* Tables responsive */
  table,
  .vp-specs-table-card table,
  .vp-specs-table-wrapper {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* Universal Edge-to-Edge Full Width on Mobile (NO 2ne baju white space on footer or hero) */
  footer#colophon,
  .site-footer,
  .elementor-element-sec_footer_root,
  .elementor-element-sec_footer_root>.elementor-container,
  .footer-width-fixer,
  .elementor-715,
  .vp-footer,
  .vp-hero,
  .vp-hero-banner,
  .vp-hero-home-main,
  .vp-hero-inner,
  .elementor-section.elementor-section-full_width,
  .elementor-section.elementor-section-full_width>.elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .elementor-container,
  .elementor-section,
  .elementor-column,
  .elementor-widget-wrap,
  .elementor-element-populated,
  .elementor-widget-container,
  .entry-content,
  .page-content,
  article.post,
  .vp-about-section-wrap,
  .vp-features-section-wrap,
  .vp-why-choose-wrap,
  .vp-products-showcase-section,
  .vp-cta-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .vp-container:not(.vp-header-container):not(.vp-header *):not(#masthead *),
  .vp-hero-container,
  .vp-hero-inner .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-footer-inner,
  .vp-footer>.vp-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vp-about-section-wrap>.vp-container,
  .vp-features-section-wrap>.vp-container,
  .vp-why-choose-wrap>.vp-container,
  .vp-products-showcase-section>.vp-container,
  .vp-cta-section>.vp-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .vp-section:not(#masthead *),
  section.vp-section:not(#masthead *),
  .elementor-section:not(#masthead *):not(#masthead) {

    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Hero Section Mobile Polish */
  .vp-hero-section,
  .elementor-element-sec_home_hero {
    padding-top: 24px !important;
    padding-bottom: 30px !important;
  }

  .vp-hero-title,
  h1.vp-hero-title,
  .elementor-element-sec_home_hero h1 {
    font-size: 24px !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
  }

  .vp-hero-desc,
  .elementor-element-sec_home_hero p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 18px !important;
    text-align: center !important;
  }

  /* Buttons on Mobile */
  .vp-btn,
  .vp-hero-btn,
  .elementor-button {
    max-width: 100% !important;
    padding: 12px 20px !important;
    font-size: 15px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* All images mobile responsive */
  img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Headings on mobile */
  .vp-section-title,
  h2.vp-section-title,
  h2 {
    font-size: 22px !important;
    line-height: 1.3 !important;
    margin-bottom: 14px !important;
    text-align: center !important;
  }

  h3 {
    font-size: 18px !important;
    line-height: 1.35 !important;
    margin-bottom: 8px !important;
  }

  p {
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  /* Footer Mobile Clean Layout (Matches sremhepvtltd.in) */
  .vp-footer-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
    width: 100% !important;
    text-align: center !important;
  }

  .vp-footer-col-brand,
  .vp-footer-col-products,
  .vp-footer-col-quicklinks,
  .vp-footer-col-contact {
    width: 100% !important;
    text-align: center !important;
  }

  .vp-footer-logo-wrap,
  .vp-footer-logo {
    margin: 0 auto 12px auto !important;
    display: block !important;
    max-width: 200px !important;
  }

  .vp-footer-brand-desc,
  .vp-footer p {
    text-align: center !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }

  .vp-footer h4,
  .vp-footer .vp-footer-heading {
    text-align: center !important;
    font-size: 17.5px !important;
    margin-bottom: 14px !important;
  }

  /* Remove left-side white heading bar on phone screens */
  .vp-footer-heading-line {
    display: none !important;
  }

  .vp-footer-col-products,
  .vp-footer-col-quicklinks,
  .vp-footer-col-contact {
    border-left: none !important;
    border-right: none !important;
  }

  /* Product list with underline for every product name, no left-side line */
  .vp-footer-products-subgrid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 14px !important;
    text-align: left !important;
    width: 100% !important;
    padding: 0 !important;
    border-left: none !important;
    list-style: none !important;
  }

  .vp-footer-products-subgrid li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    list-style: none !important;
  }

  .vp-footer-products-subgrid li a {
    display: block !important;
    width: 100% !important;
    color: #cbd5e1 !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-decoration: none !important;
    border-left: none !important;
    transition: color 0.2s ease !important;
  }

  .vp-footer-products-subgrid li a:hover {
    color: #569e32 !important;
  }

  .vp-footer-quicklinks-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 !important;
    border-left: none !important;
  }

  .vp-footer-contact-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .vp-footer-contact-list li {
    justify-content: center !important;
    text-align: center !important;
  }

  .vp-footer-socials {
    display: flex !important;
    justify-content: center !important;
    margin: 16px auto 0 auto !important;
  }

  .vp-footer-bottom .vp-container>div,
  .vp-footer-bottom,
  .vp-footer-bottom>.vp-container,
  .vp-footer-bottom-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
  }

  /* Remove white line / border from image on phone screen responsive */
  .vp-why-choose-wrap .vp-why-choose-img-wrap,
  .vp-why-choose-wrap .vp-grid-2>div:first-child {
    overflow: hidden !important;
    border-radius: 14px !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(16, 24, 59, 0.08) !important;
    background: transparent !important;
  }

  .vp-why-choose-wrap img,
  .vp-why-choose-img,
  .vp-why-choose-wrap .vp-grid-2>div:first-child img {
    margin-top: -8.5% !important;
    margin-bottom: -3% !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    display: block !important;
    width: 100% !important;
  }

  .vp-feature-card-media,
  .vp-feature-card-media img,
  .vp-feature-card img {
    border: none !important;
    outline: none !important;
  }
}

/* ==========================================================================
       WIDE SCREEN & 4K ULTRA-WIDE RESPONSIVENESS (1400px, 1600px, 1920px, 2560px, 3840px)
       ========================================================================== */

/* Ensure base containers expand to full screen without white gutters on wide screens */
html,
body,
#page,
.site,
.site-content,
main,
.site-main,
.elementor {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Full-Width Sections across all pages */
.elementor-section.elementor-section-full_width,
.elementor-section.elementor-section-full_width>.elementor-container,
.elementor-section.elementor-section-full_width>.elementor-container.elementor-column-gap-no,
.vp-hero,
.vp-hero-banner,
.vp-hero-home-main,
.vp-hero-compact,
.vp-header,
.vp-footer,
.vp-footer-bottom {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.elementor-section.elementor-section-full_width>.elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 1. Large Displays (>= 1400px) */
@media screen and (min-width: 1400px) {

  .elementor-section-boxed>.elementor-container,
  .vp-container:not(.vp-hero-container),
  .vdx-container {
    max-width: 1360px !important;
    width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vp-header-container,
  .vp-header .vp-container,
  #site-header .vp-header-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* 2. Full HD & 2K Wide Screens (>= 1600px) */
@media screen and (min-width: 1600px) {

  .elementor-section-boxed>.elementor-container,
  .vp-container:not(.vp-hero-container),
  .vdx-container {
    max-width: 1540px !important;
    width: 92% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .vp-header-container,
  .vp-header .vp-container,
  #site-header .vp-header-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 94vw !important;
    padding-left: clamp(24px, 3.5vw, 60px) !important;
    padding-right: clamp(24px, 3.5vw, 60px) !important;
  }

  .vp-product-showcase-grid {
    gap: 50px !important;
  }

  .vp-main-img-card img {
    max-height: 520px !important;
  }

  .vp-thumb-gallery img {
    height: 80px !important;
  }

  .vp-footer>.vp-container {
    max-width: 1540px !important;
  }

  .vp-footer-grid {
    gap: 40px !important;
  }
}

/* 3. QHD & Ultra-Wide (>= 1920px) */
@media screen and (min-width: 1920px) {

  .elementor-section-boxed>.elementor-container,
  .vp-container:not(.vp-hero-container),
  .vdx-container {
    max-width: 1820px !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .vp-header-container,
  .vp-header .vp-container,
  #site-header .vp-header-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 92vw !important;
    padding-left: clamp(30px, 4vw, 80px) !important;
    padding-right: clamp(30px, 4vw, 80px) !important;
  }

  .vp-hero-title {
    font-size: clamp(38px, 2.5vw, 54px) !important;
  }

  .vp-hero-desc {
    font-size: clamp(16px, 1.1vw, 20px) !important;
  }

  .vp-hero-left-box {
    max-width: clamp(750px, 45vw, 1200px) !important;
  }

  .vp-product-showcase-grid {
    gap: 60px !important;
  }

  .vp-main-img-card img {
    max-height: 580px !important;
  }

  .vp-thumb-gallery img {
    height: 95px !important;
  }

  .vp-footer>.vp-container {
    max-width: 1820px !important;
  }

  .vp-footer-grid {
    gap: 50px !important;
  }
}

/* 4. 4K Ultra-Wide (>= 2500px up to 3840px / 4K) */
@media screen and (min-width: 2500px) {

  .elementor-section-boxed>.elementor-container,
  .vp-container:not(.vp-hero-container),
  .vdx-container {
    max-width: clamp(2400px, 86vw, 3400px) !important;
    width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
  }

  .vp-header-container,
  .vp-header .vp-container,
  #site-header .vp-header-container {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 90vw !important;
    padding-left: clamp(40px, 4vw, 120px) !important;
    padding-right: clamp(40px, 4vw, 120px) !important;
  }

  .vp-hero-title {
    font-size: clamp(48px, 2.8vw, 72px) !important;
    line-height: 1.2 !important;
  }

  .vp-hero-desc {
    font-size: clamp(18px, 1.2vw, 24px) !important;
    line-height: 1.7 !important;
    max-width: clamp(800px, 50vw, 1400px) !important;
  }

  .vp-hero-left-box {
    max-width: clamp(900px, 52vw, 1600px) !important;
  }

  /* 4K Proportional Font & Spacing Scaling */
  body {
    font-size: 19px !important;
    line-height: 1.7 !important;
  }

  p {
    font-size: 18px !important;
    line-height: 1.7 !important;
  }

  h1,
  .elementor-heading-title.elementor-size-xl {
    font-size: clamp(48px, 2.5vw, 68px) !important;
    line-height: 1.25 !important;
  }

  h2,
  .vp-section-title {
    font-size: clamp(34px, 1.8vw, 48px) !important;
    line-height: 1.3 !important;
  }

  .vp-nav-link {
    font-size: 18px !important;
    padding: 10px 14px !important;
  }

  .vp-nav-menu {
    gap: 40px !important;
  }

  .vp-product-showcase-grid {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: 80px !important;
  }

  .vp-main-img-card {
    padding: 24px !important;
    border-radius: 18px !important;
  }

  .vp-main-img-card img {
    max-height: 720px !important;
  }

  .vp-thumb-gallery {
    gap: 16px !important;
  }

  .vp-thumb-gallery img {
    height: 110px !important;
    border-radius: 10px !important;
  }

  .vp-specs-table-card table th,
  .vp-specs-table-card table td {
    padding: 18px 24px !important;
    font-size: 19px !important;
  }

  .vp-about-awards-grid {
    grid-template-columns: minmax(600px, 1.1fr) 1fr !important;
    gap: 80px !important;
  }

  .vp-cta-section {
    padding: 80px 0 !important;
  }

  .vp-footer {
    padding: 80px 0 0 0 !important;
  }

  .vp-footer>.vp-container {
    max-width: clamp(2400px, 88vw, 3400px) !important;
  }

  .vp-footer-grid {
    gap: 70px !important;
  }

  .vp-footer p,
  .vp-footer-products-subgrid li a,
  .vp-footer-quicklinks-list li a,
  .vp-footer-contact-list span,
  .vp-footer-contact-list a {
    font-size: 18.5px !important;
    line-height: 1.8 !important;
  }

  .vp-footer h4 {
    font-size: 24px !important;
    margin-bottom: 24px !important;
  }

  .vp-footer-bottom {
    font-size: 18px !important;
    padding: 24px 0 !important;
  }
}

/* ==========================================================================
   CONTACT FORM SUBMIT BUTTON (FULL WIDTH & VEDAX LOGO GREEN)
   ========================================================================== */
.vp-contact-form-box .ff_submit_btn_wrapper,
.vp-embedded-form-wrap .ff_submit_btn_wrapper,
.fluentform .ff_submit_btn_wrapper,
.frm-fluent-form .ff_submit_btn_wrapper,
.fluent_form_1 .ff_submit_btn_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin-top: 18px !important;
}

.vp-contact-form-box .ff-btn-submit,
.vp-embedded-form-wrap .ff-btn-submit,
.fluentform .ff-btn-submit,
.frm-fluent-form .ff-btn-submit,
.fluent_form_1 .ff-btn-submit,
form.fluent_form_1 .ff-btn-submit,
.fluentform button[type="submit"],
.frm-fluent-form button[type="submit"] {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  text-align: center !important;
  background-color: #569e32 !important;
  background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
  border-color: #569e32 !important;
  color: #ffffff !important;
  font-family: 'Roboto', 'Red Hat Display', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  padding: 14px 28px !important;
  border-radius: 8px !important;
  border: none !important;
  box-shadow: 0 4px 14px rgba(86, 158, 50, 0.3) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  letter-spacing: 0.2px !important;
}

.vp-contact-form-box .ff-btn-submit:hover,
.vp-embedded-form-wrap .ff-btn-submit:hover,
.fluentform .ff-btn-submit:hover,
.frm-fluent-form .ff-btn-submit:hover,
.fluent_form_1 .ff-btn-submit:hover,
form.fluent_form_1 .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover,
.frm-fluent-form button[type="submit"]:hover {
  background-color: #468627 !important;
  background: linear-gradient(135deg, #468627 0%, #35671d 100%) !important;
  border-color: #468627 !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(70, 134, 39, 0.42) !important;
  transform: translateY(-2px) !important;
}

.vp-contact-form-box .ff-btn-submit:active,
.fluentform .ff-btn-submit:active {
  transform: translateY(0) !important;
  box-shadow: 0 2px 8px rgba(70, 134, 39, 0.3) !important;
}



/* ==========================================================================
   COMPLETE WIDE SCREEN & 4K RESPONSIVE SYSTEM FOR ALL PAGES & ALL SINGLE PAGES
   ========================================================================== */

/* Global Full-Width Resets for Wide Screen & 4K */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: clip !important;
}

#page,
.site,
.site-content,
main,
.site-main,
.elementor {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.single .site-main,
body.single-post .site-main,
body.single #content,
body.single-post #content,
body.single .page-content,
body.single-post .page-content,
body.page .site-main,
body:not([class*="elementor-page-"]) .site-main.vedax-single-insight,
body:not([class*="elementor-page-"]) .site-main,
.site-main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.elementor-section.elementor-section-full_width,
.elementor-section.elementor-section-full_width>.elementor-container,
.elementor-section.elementor-section-full_width>.elementor-container.elementor-column-gap-no,
.vp-hero,
.vp-hero-banner,
.vp-hero-home-main,
.vp-hero-inner,
.blog-single-hero,
.single-post .vp-hero,
.single-insight .vp-hero,
.vp-header,
.vp-footer,
.vp-footer-bottom,
.custom-breadcrumb {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

.elementor-section.elementor-section-full_width>.elementor-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Wide Screens (>= 1600px) */
@media screen and (min-width: 1600px) {

  .vp-container,
  .elementor-section-boxed>.elementor-container,
  .vdx-container {
    width: 92% !important;
    max-width: 1540px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  .custom-breadcrumb-inner,
  .blog-single-post,
  .vdx-single-lu-container {
    width: 95% !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
  }

  .vp-hero .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 94vw !important;
    padding-left: clamp(24px, 3.5vw, 60px) !important;
    padding-right: clamp(24px, 3.5vw, 60px) !important;
  }

  .blog-single-post {
    display: flex !important;
    gap: 50px !important;
  }

  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed {
    width: 300px !important;
    flex-shrink: 0 !important;
  }

  .blog-single-content,
  .blog-single-post-left {
    flex: 1 1 auto !important;
    width: calc(100% - 350px) !important;
    max-width: calc(100% - 350px) !important;
  }

  .vp-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 36px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 36px auto 0 !important;
  }

  .vp-title-wrap {
    max-width: 1100px !important;
    margin: 0 auto 36px !important;
  }

  .vp-gallery-item {
    min-height: 280px !important;
    max-height: 500px !important;
    padding: 20px !important;
    border-radius: 16px !important;
  }

  .vp-gallery-item img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Stats Bar (10K+ numbers) on 1600px */
  .vp-stats-bar {
    padding: 36px 0 !important;
  }

  .vp-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 32px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .vp-stat-item {
    padding: 12px 24px !important;
    border-right: 2px solid var(--vp-border, #cbd5e1) !important;
  }

  .vp-stat-item:last-child {
    border-right: none !important;
  }

  .vp-stat-num {
    font-size: 50px !important;
    line-height: 1.15 !important;
  }

  .vp-stat-label {
    font-size: 16.5px !important;
    line-height: 1.45 !important;
    margin-top: 8px !important;
  }

  .vp-grid-2 {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 45px !important;
    align-items: center !important;
  }

  .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    max-width: 700px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: 0 12px 32px rgba(16, 24, 59, 0.12) !important;
    border-radius: 16px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
}

/* QHD & Ultra-Wide (>= 1920px) */
@media screen and (min-width: 1920px) {

  .vp-container,
  .elementor-section-boxed>.elementor-container,
  .vdx-container {
    width: 90% !important;
    max-width: 1820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  .custom-breadcrumb-inner,
  .blog-single-post,
  .vdx-single-lu-container {
    width: 95% !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
  }

  .vp-hero.vp-hero-inner,
  .vp-hero-banner.vp-hero-inner,
  .blog-single-hero,
  .single-post .vp-hero,
  .single-insight .vp-hero {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
  }

  .vp-hero .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 92vw !important;
    padding-left: clamp(30px, 4vw, 80px) !important;
    padding-right: clamp(30px, 4vw, 80px) !important;
  }

  .vp-hero-title {
    font-size: clamp(38px, 2.5vw, 54px) !important;
  }

  .vp-hero-desc {
    font-size: clamp(16px, 1.1vw, 20px) !important;
  }

  .vp-grid-3,
  .vp-facility-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(28px, 2.5vw, 50px) !important;
    width: 100% !important;
  }

  .vp-facility-card {
    padding: clamp(32px, 2.5vw, 50px) !important;
  }

  .vp-facility-card h4 {
    font-size: 22px !important;
    margin-bottom: 16px !important;
  }

  .vp-facility-list li {
    font-size: 16.5px !important;
    line-height: 1.75 !important;
  }

  .vp-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(32px, 2.2vw, 50px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 45px auto 0 !important;
  }

  .vp-title-wrap {
    max-width: 1300px !important;
    margin: 0 auto 45px !important;
  }

  .vp-section-desc {
    font-size: 19px !important;
    line-height: 1.7 !important;
  }

  .vp-gallery-item {
    min-height: 340px !important;
    max-height: 560px !important;
    padding: 24px !important;
    border-radius: 20px !important;
  }

  .vp-gallery-item img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: scale(1.05) !important;
  }

  /* Stats Bar (10K+ numbers) on 1920px */
  .vp-stats-bar {
    padding: clamp(40px, 2.5vw, 60px) 0 !important;
  }

  .vp-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: clamp(32px, 2.5vw, 60px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .vp-stat-item {
    padding: 16px 36px !important;
    border-right: 2px solid var(--vp-border, #cbd5e1) !important;
  }

  .vp-stat-item:last-child {
    border-right: none !important;
  }

  .vp-stat-num {
    font-size: clamp(56px, 3.2vw, 76px) !important;
    line-height: 1.15 !important;
  }

  .vp-stat-label {
    font-size: clamp(17px, 1.1vw, 22px) !important;
    line-height: 1.45 !important;
    margin-top: 10px !important;
  }

  .vp-work-img-wrap {
    min-height: 240px !important;
    max-height: 360px !important;
  }

  .vp-grid-2,
  .vp-machinery-grid {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: clamp(50px, 4vw, 90px) !important;
    align-items: center !important;
    width: 100% !important;
  }

  .vp-overview-grid {
    gap: clamp(60px, 4.5vw, 120px) !important;
  }

  .vp-product-overview-right {
    padding-right: clamp(30px, 3vw, 80px) !important;
    box-sizing: border-box !important;
  }

  .vp-specs-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: clamp(24px, 2vw, 36px) !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    max-width: 820px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: 0 16px 40px rgba(16, 24, 59, 0.12) !important;
    border-radius: 18px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  .vp-specs-table th,
  .vp-specs-table td {
    padding: 16px 22px !important;
    font-size: 16.5px !important;
  }

  .blog-single-post {
    display: flex !important;
    gap: 60px !important;
  }

  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed {
    width: 320px !important;
    flex-shrink: 0 !important;
  }

  .blog-single-content,
  .blog-single-post-left {
    flex: 1 1 auto !important;
    width: calc(100% - 380px) !important;
    max-width: calc(100% - 380px) !important;
    font-size: 17.5px !important;
    line-height: 1.8 !important;
  }

  .blog-single-post-left .page-content p {
    font-size: 17.5px !important;
    line-height: 1.8 !important;
  }

  .blog-single-post-left .page-content h2 {
    font-size: 30px !important;
  }

  .blog-single-post-left .page-content h3 {
    font-size: 24px !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .vdx-lu-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 30px !important;
  }

  .vp-cta-box,
  .vp-cta-section .vp-container {
    width: 100% !important;
    padding: clamp(36px, 3.5vw, 64px) !important;
  }
}

/* 4K Ultra-Wide (>= 2500px up to 3840px / 4K) */
@media screen and (min-width: 2500px) {

  .vp-container,
  .elementor-section-boxed>.elementor-container,
  .vdx-container {
    width: 90% !important;
    max-width: clamp(2400px, 86vw, 3400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 60px !important;
    padding-right: 60px !important;
    box-sizing: border-box !important;
  }

  .custom-breadcrumb-inner,
  .blog-single-post,
  .vdx-single-lu-container {
    width: 95% !important;
    max-width: 95vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(40px, 3.5vw, 60px) !important;
    padding-right: clamp(40px, 3.5vw, 60px) !important;
    box-sizing: border-box !important;
  }

  .vp-hero.vp-hero-inner,
  .vp-hero-banner.vp-hero-inner,
  .blog-single-hero,
  .single-post .vp-hero,
  .single-insight .vp-hero {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }

  .vp-hero .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container {
    width: 100% !important;
    max-width: 90vw !important;
    padding-left: clamp(40px, 4vw, 120px) !important;
    padding-right: clamp(40px, 4vw, 120px) !important;
  }

  .vp-hero-title {
    font-size: clamp(48px, 2.8vw, 72px) !important;
    line-height: 1.2 !important;
  }

  .vp-hero-desc {
    font-size: clamp(18px, 1.2vw, 24px) !important;
    line-height: 1.7 !important;
    max-width: clamp(900px, 50vw, 1500px) !important;
  }

  .vp-hero-left-box {
    max-width: clamp(1000px, 55vw, 1800px) !important;
  }

  body {
    font-size: 19.5px !important;
    line-height: 1.75 !important;
  }

  p {
    font-size: 19px !important;
    line-height: 1.75 !important;
  }

  h1,
  .elementor-heading-title.elementor-size-xl {
    font-size: clamp(52px, 2.8vw, 74px) !important;
    line-height: 1.2 !important;
  }

  h2,
  .vp-section-title {
    font-size: clamp(36px, 2vw, 52px) !important;
    line-height: 1.28 !important;
    margin-bottom: 24px !important;
  }

  h3 {
    font-size: clamp(26px, 1.5vw, 38px) !important;
  }

  .vp-grid-3,
  .vp-facility-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 60px !important;
  }

  .vp-facility-card {
    padding: 50px 40px !important;
    border-radius: 20px !important;
  }

  .vp-facility-card h4 {
    font-size: 26px !important;
    margin-bottom: 20px !important;
  }

  .vp-facility-list li {
    font-size: 19px !important;
    line-height: 1.8 !important;
    margin-bottom: 12px !important;
  }

  .vp-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: clamp(50px, 3vw, 80px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 60px auto 0 !important;
  }

  .vp-title-wrap {
    max-width: 1800px !important;
    margin: 0 auto 60px !important;
  }

  .vp-title-wrap .vp-badge-tag {
    font-size: 19px !important;
    padding: 10px 28px !important;
    margin-bottom: 24px !important;
    letter-spacing: 1.5px !important;
  }

  .vp-title-wrap .vp-section-title {
    font-size: clamp(48px, 2.5vw, 68px) !important;
    line-height: 1.25 !important;
    margin-bottom: 24px !important;
  }

  .vp-title-wrap .vp-section-desc {
    font-size: clamp(22px, 1.2vw, 28px) !important;
    line-height: 1.75 !important;
    max-width: 1600px !important;
  }

  .vp-gallery-item {
    min-height: 480px !important;
    max-height: 720px !important;
    padding: 36px !important;
    border-radius: 28px !important;
    border: 2px solid #e2e8f0 !important;
  }

  .vp-gallery-item img {
    max-height: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    transform: scale(1.18) !important;
  }

  /* Stats Bar (10K+ numbers) on 4K */
  .vp-stats-bar {
    padding: clamp(60px, 3.2vw, 90px) 0 !important;
  }

  .vp-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: clamp(60px, 3.5vw, 100px) !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }

  .vp-stat-item {
    padding: 24px 60px !important;
    border-right: 3px solid var(--vp-border, #cbd5e1) !important;
  }

  .vp-stat-item:last-child {
    border-right: none !important;
  }

  .vp-stat-num {
    font-size: clamp(84px, 4vw, 120px) !important;
    line-height: 1.1 !important;
  }

  .vp-stat-label {
    font-size: clamp(24px, 1.3vw, 32px) !important;
    line-height: 1.45 !important;
    margin-top: 16px !important;
  }

  .vp-work-img-wrap {
    min-height: 320px !important;
    max-height: 460px !important;
    padding: 24px !important;
    border-radius: 18px !important;
  }

  .vp-grid-2,
  .vp-machinery-grid {
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    gap: 90px !important;
    align-items: center !important;
    width: 100% !important;
  }

  .vp-overview-grid {
    gap: clamp(80px, 4vw, 140px) !important;
  }

  .vp-product-overview-right {
    padding-right: clamp(40px, 4vw, 120px) !important;
    box-sizing: border-box !important;
  }

  .vp-specs-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
    align-items: stretch !important;
    width: 100% !important;
  }

  .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    max-width: 1200px !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 28px !important;
  }

  .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 24px !important;
    box-shadow: 0 20px 60px rgba(15, 23, 42, 0.12) !important;
    display: block !important;
  }

  .vp-single-img-wrap:hover img {
    transform: scale(1.05) !important;
  }

  .vp-specs-table-card table th,
  .vp-specs-table-card table td,
  .vp-specs-table th,
  .vp-specs-table td {
    padding: 20px 28px !important;
    font-size: 20px !important;
  }

  .blog-single-post {
    display: flex !important;
    gap: 80px !important;
  }

  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed {
    width: 380px !important;
    min-width: 380px !important;
  }

  .blog-single-content,
  .blog-single-post-left {
    flex: 1 1 auto !important;
    width: calc(100% - 460px) !important;
    max-width: calc(100% - 460px) !important;
    font-size: 20px !important;
    line-height: 1.85 !important;
  }

  .blog-single-post-left .page-content p {
    font-size: 20px !important;
    line-height: 1.85 !important;
  }

  .blog-single-post-left .page-content h2 {
    font-size: 36px !important;
    margin-top: 40px !important;
    margin-bottom: 20px !important;
  }

  .blog-single-post-left .page-content h3 {
    font-size: 28px !important;
    margin-top: 32px !important;
    margin-bottom: 16px !important;
  }

  .blog-single-post-left .page-content ul li,
  .blog-single-post-left .page-content ol li {
    font-size: 19.5px !important;
    line-height: 1.8 !important;
  }

  .ez-toc-title-container p,
  #vedax-toc-list a,
  .ez-toc-list a {
    font-size: 18px !important;
    line-height: 1.6 !important;
  }

  .vdx-lu-top-grid,
  .vdx-lu-main-grid {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .vdx-lu-pillars-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
  }

  .vdx-lu-intro-text p {
    font-size: 22px !important;
    line-height: 1.8 !important;
  }

  .vdx-lu-main-article-content p {
    font-size: 20px !important;
    line-height: 1.85 !important;
  }

  .vdx-lu-pillar-item {
    padding: 30px !important;
    border-radius: 18px !important;
  }

  .vdx-lu-pillar-body {
    font-size: 19.5px !important;
    line-height: 1.8 !important;
  }

  .author-detailswrap {
    padding: 24px 30px !important;
    gap: 40px !important;
  }

  .author-detailswrap p {
    font-size: 16px !important;
  }

  .author-detailswrap h6 {
    font-size: 19px !important;
  }

  .vp-cta-box {
    padding: 60px 80px !important;
    border-radius: 24px !important;
  }

  .vp-cta-box h3 {
    font-size: 36px !important;
  }

  .vp-cta-box p {
    font-size: 20px !important;
  }

  .vp-cta-box a {
    font-size: 19px !important;
    padding: 16px 36px !important;
    border-radius: 30px !important;
  }
}

/* ==========================================================================
       LIVE UPDATES SINGLE POST: FULL CONTENT BESIDE IMAGE 2-COLUMN SYSTEM
       ========================================================================== */
@media screen and (min-width: 1024px) {

  .vdx-lu-main-grid,
  .vdx-lu-top-grid {
    display: flex !important;
    gap: 40px !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin-bottom: 40px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }

  .vdx-lu-img-col {
    width: 440px !important;
    min-width: 360px !important;
    max-width: 480px !important;
    flex-shrink: 0 !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .vdx-lu-img-card {
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .vdx-lu-featured-img {
    width: 100% !important;
    height: auto !important;
    max-height: 420px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .vdx-lu-btn-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    margin-top: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-btn-row .vdx-btn-yellow,
  .vdx-lu-btn-row .vdx-btn-call {
    flex: 1 1 50% !important;
    width: 50% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 6px !important;
    padding: 12px 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
  }
}

.vdx-lu-btn-row .vdx-btn-yellow {
  background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
  background-color: #569e32 !important;
  color: #ffffff !important;
  border: 1px solid #569e32 !important;
  box-shadow: 0 4px 12px rgba(86, 158, 50, 0.3) !important;
}

.vdx-lu-btn-row .vdx-btn-yellow span {
  color: #ffffff !important;
}

.vdx-lu-btn-row .vdx-btn-yellow svg,
.vdx-lu-btn-row .vdx-btn-yellow .vdx-btn-arrow {
  stroke: #ffffff !important;
  color: #ffffff !important;
  fill: none !important;
  flex-shrink: 0 !important;
}

.vdx-lu-btn-row .vdx-btn-yellow:hover {
  background: linear-gradient(135deg, #468627 0%, #356b1c 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

.vdx-lu-btn-row .vdx-btn-call {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid #0056b3 !important;
  color: #0056b3 !important;
  box-shadow: 0 4px 12px rgba(0, 86, 179, 0.15) !important;
  transition: all 0.25s ease !important;
}

.vdx-lu-btn-row .vdx-btn-call span {
  color: #0056b3 !important;
  white-space: nowrap !important;
  font-weight: 700 !important;
}

.vdx-lu-btn-row .vdx-btn-call svg {
  stroke: #0056b3 !important;
  color: #0056b3 !important;
  fill: none !important;
  flex-shrink: 0 !important;
}

.vdx-lu-btn-row .vdx-btn-call:hover {
  background: #0056b3 !important;
  background-color: #0056b3 !important;
  border-color: #0056b3 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 86, 179, 0.3) !important;
}

.vdx-lu-btn-row .vdx-btn-call:hover span {
  color: #ffffff !important;
}

.vdx-lu-btn-row .vdx-btn-call:hover svg {
  stroke: #ffffff !important;
  color: #ffffff !important;
}

.vdx-lu-content-col,
.vdx-lu-body-card {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.vdx-lu-main-article-content {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
}

.vdx-lu-main-article-content p {
  font-size: 17px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
}

.vdx-lu-main-article-content h2 {
  font-size: 26px !important;
  color: #0b2545 !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  margin-top: 34px !important;
  margin-bottom: 16px !important;
}

.vdx-lu-main-article-content h2:first-child {
  margin-top: 0 !important;
}

.vdx-lu-main-article-content ul,
.vdx-lu-main-article-content ol {
  margin: 16px 0 24px 22px !important;
  padding: 0 !important;
}

.vdx-lu-main-article-content li {
  font-size: 16.5px !important;
  line-height: 1.75 !important;
  color: #334155 !important;
  margin-bottom: 12px !important;
}

@media screen and (max-width: 1023px) {

  *,
  *:before,
  *:after {
    box-sizing: border-box !important;
  }

  html,
  body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    position: relative !important;
  }

  body.single,
  body.single-post,
  .site,
  #page,
  #content,
  .site-main,
  .vdx-single-lu-main,
  .vdx-single-lu-container,
  .blog-single-post,
  .vp-hero,
  .vp-hero-container,
  .vp-hero-content,
  .custom-breadcrumb,
  .custom-breadcrumb-inner,
  .vdx-lu-main-grid,
  .vdx-lu-top-grid,
  .vdx-lu-img-col,
  .vdx-lu-img-card,
  .vdx-lu-featured-img,
  .vdx-lu-btn-row,
  .vdx-lu-content-col,
  .vdx-lu-body-card,
  .blog-single-sidebar,
  .blog-sticky,
  .blog-single-content,
  .blog-single-post-left,
  .author-detailswrap {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .vdx-single-lu-container,
  .blog-single-post {
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vdx-lu-main-grid,
  .vdx-lu-top-grid,
  .blog-single-post {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-img-col,
  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed,
  .blog-sticky,
  .left-sidebar-fixed {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    top: auto !important;
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 0 16px 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-img-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-featured-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 280px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-btn-row {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }

  .vdx-lu-btn-row .vdx-btn-yellow,
  .vdx-lu-btn-row .vdx-btn-call {
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    overflow: visible !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
  }

  .vdx-lu-content-col,
  .blog-single-content,
  .blog-single-post-left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
  }

  .author-detailswrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    box-sizing: border-box !important;
  }
}


/* ==========================================================================
   ROCK-SOLID STICKY SIDEBAR & LEFT SECTION ON ALL SCREENS & WIDE SCREENS
   ========================================================================== */
body.single,
body.single-post,
body.single .site,
body.single-post .site,
body.single #page,
body.single-post #page,
body.single .site-main,
body.single-post .site-main,
body.single #content,
body.single-post #content,
.vdx-single-lu-main,
.vdx-single-lu-container,
.blog-single-post {
  overflow: visible !important;
  overflow-x: visible !important;
}

@media screen and (min-width: 1024px) {

  .vdx-lu-img-col,
  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed,
  .blog-sticky,
  .left-sidebar-fixed {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px !important;
    align-self: flex-start !important;
    z-index: 100 !important;
  }
}

@media screen and (min-width: 1600px) {

  .vdx-lu-img-col,
  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed,
  .blog-sticky,
  .left-sidebar-fixed {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 110px !important;
    align-self: flex-start !important;
    z-index: 100 !important;
  }
}

@media screen and (min-width: 1920px) {

  .vdx-lu-img-col,
  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed,
  .blog-sticky,
  .left-sidebar-fixed {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 115px !important;
    align-self: flex-start !important;
    z-index: 100 !important;
  }
}

@media screen and (min-width: 2500px) {

  .vdx-lu-img-col,
  .blog-single-sidebar,
  .blog-single-post-right.right-sidebar-fixed,
  .blog-sticky,
  .left-sidebar-fixed {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 120px !important;
    align-self: flex-start !important;
    z-index: 100 !important;
  }
}


/* ==========================================================================
       TASK 1: ARTICLES GRID (INSIGHTS, BLOGS, LIVE UPDATES, CASE STUDIES)
       RESTORE ORIGINAL GREEN BUTTON STYLE ("PELA HATA EEM")
       ========================================================================== */
.elementor-widget-vedax_articles_grid .vp-grid-3,
.elementor-widget-vedax_articles_grid .vp-grid-4 {
  align-items: start !important;
}

.elementor-widget-vedax_articles_grid .vp-product-card {
  display: flex !important;
  flex-direction: column !important;
  height: auto !important;
  box-sizing: border-box !important;
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.05) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.elementor-widget-vedax_articles_grid .vp-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 25px rgba(16, 24, 59, 0.1) !important;
}

.elementor-widget-vedax_articles_grid .vp-card-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
  height: auto !important;
  padding: 20px !important;
  box-sizing: border-box !important;
}

.elementor-widget-vedax_articles_grid .vp-card-title {
  margin: 0 0 10px 0 !important;
  font-size: 18.5px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: #10183b !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 0 !important;
}

.elementor-widget-vedax_articles_grid .vp-card-p {
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  min-height: 0 !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn-wrap {
  margin-top: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn,
.elementor-widget-vedax_articles_grid a.vp-card-btn,
.elementor-widget-vedax_articles_grid .vp-product-card .vp-card-btn,
.elementor-widget-vedax_articles_grid .vp-product-card a.vp-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #569e32 !important;
  background-color: #569e32 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 10px 22px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  margin-top: 0 !important;
  border: none !important;
  box-shadow: 0 3px 12px rgba(86, 158, 50, 0.28) !important;
  width: auto !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  line-height: 1.4 !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn span,
.elementor-widget-vedax_articles_grid a.vp-card-btn span,
.elementor-widget-vedax_articles_grid .vp-product-card .vp-card-btn span,
.elementor-widget-vedax_articles_grid .vp-product-card a.vp-card-btn span {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn i,
.elementor-widget-vedax_articles_grid a.vp-card-btn i,
.elementor-widget-vedax_articles_grid .vp-product-card .vp-card-btn i,
.elementor-widget-vedax_articles_grid .vp-product-card a.vp-card-btn i {
  font-size: 13px !important;
  color: #ffffff !important;
  transition: transform 0.25s ease !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn:hover,
.elementor-widget-vedax_articles_grid a.vp-card-btn:hover,
.elementor-widget-vedax_articles_grid .vp-product-card a.vp-card-btn:hover,
.elementor-widget-vedax_articles_grid .vp-product-card:hover .vp-card-btn {
  background: #10183b !important;
  background-color: #10183b !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(16, 24, 59, 0.25) !important;
  transform: translateY(-2px) !important;
  text-decoration: none !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn:hover span,
.elementor-widget-vedax_articles_grid a.vp-card-btn:hover span,
.elementor-widget-vedax_articles_grid .vp-product-card .vp-card-btn:hover span,
.elementor-widget-vedax_articles_grid .vp-product-card:hover .vp-card-btn span {
  color: #ffffff !important;
}

.elementor-widget-vedax_articles_grid .vp-card-btn:hover i,
.elementor-widget-vedax_articles_grid a.vp-card-btn:hover i,
.elementor-widget-vedax_articles_grid .vp-product-card .vp-card-btn:hover i,
.elementor-widget-vedax_articles_grid .vp-product-card:hover .vp-card-btn i {
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

/* ==========================================================================
       PRODUCTS PAGE CARDS: MATCH ASSEMBLY PAGE CARDS EXACTLY
       Reduced space between title and subtitle, clean slate-500 typography,
       and aligned View Specifications link matching Assembly page cards
       ========================================================================== */
.elementor-widget-vedax_products_grid .vp-grid-3,
.elementor-widget-vedax_products_grid .vp-grid-4 {
  align-items: stretch !important;
}

.elementor-widget-vedax_products_grid .vp-product-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.elementor-widget-vedax_products_grid .vp-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.12) !important;
  border-color: #cbd5e1 !important;
}

.elementor-widget-vedax_products_grid .vp-card-body {
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  height: auto !important;
  box-sizing: border-box !important;
}

.elementor-widget-vedax_products_grid .vp-card-title {
  margin: 0 0 10px 0 !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  color: #10183b !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
}

.elementor-widget-vedax_products_grid .vp-card-title a {
  color: #10183b !important;
  text-decoration: none !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  transition: color 0.2s ease !important;
}

.elementor-widget-vedax_products_grid .vp-product-card:hover .vp-card-title a,
.elementor-widget-vedax_products_grid .vp-card-title a:hover {
  color: #569e32 !important;
}

.elementor-widget-vedax_products_grid .vp-card-p {
  font-size: 14.5px !important;
  font-weight: 400 !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  flex: 0 0 auto !important;
  flex-grow: 0 !important;
}

.elementor-widget-vedax_products_grid .vp-card-btn-wrap {
  margin-top: auto !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  border: none !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.elementor-widget-vedax_products_grid .vp-card-btn,
.elementor-widget-vedax_products_grid a.vp-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #569e32 !important;
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
}

.elementor-widget-vedax_products_grid .vp-card-btn span {
  color: #569e32 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

.elementor-widget-vedax_products_grid .vp-card-btn i {
  color: #569e32 !important;
  font-size: 13px !important;
  transition: transform 0.25s ease !important;
}

.elementor-widget-vedax_products_grid .vp-product-card:hover .vp-card-btn,
.elementor-widget-vedax_products_grid .vp-card-btn:hover {
  color: #10183b !important;
  background: transparent !important;
  box-shadow: none !important;
}

.elementor-widget-vedax_products_grid .vp-product-card:hover .vp-card-btn span,
.elementor-widget-vedax_products_grid .vp-card-btn:hover span {
  color: #10183b !important;
}

.elementor-widget-vedax_products_grid .vp-product-card:hover .vp-card-btn i,
.elementor-widget-vedax_products_grid .vp-card-btn:hover i {
  color: #10183b !important;
  transform: translateX(4px) !important;
}

/* ==========================================================================
   TECHNICAL SPECIFICATIONS & PARAMETERS CARDS: TITLE BESIDE ICON
   ========================================================================== */
.vp-specs-section-wrap .vp-spec-card .vp-spec-header,
.vp-spec-card .vp-spec-header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  padding-bottom: 0 !important;
  margin-bottom: 14px !important;
  border-bottom: none !important;
}

.vp-specs-section-wrap .vp-spec-card .vp-spec-icon,
.vp-spec-card .vp-spec-icon {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  border-radius: 10px !important;
  background: rgba(86, 158, 50, 0.12) !important;
  color: #569e32 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  margin-bottom: 0 !important;
}

.vp-specs-section-wrap .vp-spec-card .vp-spec-title-wrap,
.vp-spec-card .vp-spec-title-wrap {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.vp-specs-section-wrap .vp-spec-card .vp-spec-title,
.vp-spec-card .vp-spec-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #10183b !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  box-shadow: none !important;
  transform: none !important;
}

.vp-specs-section-wrap .vp-spec-card .vp-spec-val,
.vp-spec-card .vp-spec-val {
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ==========================================================================
   TASK 1: HERO OVERVIEW IMAGE - RIGHT SIDE SPACE & CONTAINER PADDING
   ========================================================================== */
.elementor-widget-vedax_product_overview section.vp-section,
.vp-product-overview-section,
section:has(.vp-overview-grid) {
  padding-top: clamp(14px, 1.6vw, 24px) !important;
}

.elementor-section:has(.vp-hero)+.elementor-section,
.elementor-element-sec_vw_overview,
.elementor-element-sec_cap_overview,
.elementor-element-sec_amp_overview {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.vp-overview-grid {
  align-items: flex-start !important;
  gap: clamp(35px, 3.5vw, 70px) !important;
}

.vp-overview-grid .vp-product-overview-right {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  box-sizing: border-box !important;
}

.vp-overview-grid .vp-single-img-wrap {
  width: 100% !important;
  max-width: 620px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(16, 24, 59, 0.12) !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 auto !important;
  line-height: 0 !important;
  font-size: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.vp-overview-grid .vp-single-img-wrap:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 48px rgba(15, 23, 42, 0.16) !important;
}

.vp-overview-grid .vp-single-img-wrap img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 15px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  line-height: 0 !important;
  transition: transform 0.4s ease !important;
}

.vp-overview-grid .vp-single-img-wrap:hover img {
  transform: scale(1.04) !important;
}

/* ==========================================================================
   TASK 2: TECHNICAL SPECIFICATIONS & PARAMETERS TITLE IN 1 SINGLE LINE
   ========================================================================== */
.vp-specs-section-wrap .vp-title-wrap {
  max-width: 1600px !important;
  width: 100% !important;
  margin: 0 auto 35px !important;
  text-align: center !important;
}

@media screen and (min-width: 820px) {

  .vp-specs-section-wrap .vp-title-wrap .vp-section-title,
  .vp-specs-section-wrap h2.vp-section-title {
    white-space: nowrap !important;
    font-size: clamp(26px, 2.2vw, 44px) !important;
    line-height: 1.25 !important;
    max-width: 100% !important;
    display: inline-block !important;
  }
}

/* ==========================================================================
   TASK 1: WE OFFER QUALITY PHARMACEUTICAL MACHINERY - SUBTITLE WIDE SCREEN RESPONSIVE
   ========================================================================== */
.vp-products-showcase-section .vp-title-wrap,
.elementor-widget-vedax_products_carousel .vp-title-wrap,
.vp-products-carousel-title-wrap {
  max-width: clamp(950px, 62vw, 1800px) !important;
  width: 100% !important;
  margin: 0 auto clamp(24px, 2.5vw, 40px) !important;
  text-align: center !important;
}

.vp-products-showcase-section .vp-section-title,
.elementor-widget-vedax_products_carousel .vp-section-title {
  font-size: clamp(28px, 2.2vw, 48px) !important;
  font-weight: 800 !important;
  color: #10183b !important;
  line-height: 1.25 !important;
  margin-bottom: 14px !important;
  text-align: center !important;
}

.vp-products-showcase-section .vp-title-wrap .vp-section-desc,
.vp-products-showcase-section .vp-section-desc,
.elementor-widget-vedax_products_carousel .vp-section-desc,
.vp-products-carousel-title-wrap .vp-section-desc {
  font-size: clamp(16px, 1.1vw, 22px) !important;
  line-height: 1.65 !important;
  color: #475569 !important;
  max-width: clamp(850px, 55vw, 1500px) !important;
  margin: 0 auto !important;
  text-align: center !important;
  text-align-last: center !important;
  display: block !important;
}

.vp-products-showcase-section .vp-badge-tag,
.elementor-widget-vedax_products_carousel .vp-badge-tag {
  font-size: clamp(12.5px, 0.75vw, 16px) !important;
  padding: clamp(6px, 0.4vw, 10px) clamp(14px, 0.9vw, 22px) !important;
  margin-bottom: 12px !important;
}

/* ==========================================================================
   TASK 2: STATE-OF-THE-ART PRODUCTION FACILITY - TITLE IN 1 SINGLE LINE ON WIDE SCREEN
   ========================================================================== */
.elementor-widget-vedax_facility_highlights .vp-title-wrap,
.vp-facility-title-wrap {
  max-width: clamp(1000px, 70vw, 1900px) !important;
  width: 100% !important;
  margin: 0 auto clamp(24px, 2.5vw, 40px) !important;
  text-align: center !important;
}

.elementor-widget-vedax_facility_highlights .vp-title-wrap .vp-section-title,
.vp-facility-title-wrap .vp-section-title {
  font-size: clamp(26px, 2.1vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #10183b !important;
  margin: 0 auto 12px auto !important;
  display: inline-block !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

@media screen and (max-width: 767px) {

  .elementor-widget-vedax_facility_highlights .vp-title-wrap .vp-section-title,
  .vp-facility-title-wrap .vp-section-title {
    white-space: normal !important;
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }
}

.elementor-widget-vedax_facility_highlights .vp-title-wrap .vp-section-desc,
.vp-facility-title-wrap .vp-section-desc {
  font-size: clamp(15px, 1.05vw, 20px) !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  max-width: clamp(800px, 55vw, 1400px) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* ==========================================================================
   PHARMACEUTICAL INDUSTRY APPLICATIONS - TITLE IN 1 SINGLE LINE ON WIDE SCREEN
   ========================================================================== */
.vp-features-section-wrap .vp-title-wrap,
.elementor-widget-vedax_feature_cards .vp-title-wrap,
.vp-industry-title-wrap,
.elementor-widget-vedax_products_carousel .vp-title-wrap,
.vp-products-carousel-title-wrap {
  max-width: clamp(1000px, 75vw, 2400px) !important;
  width: 100% !important;
  margin: 0 auto clamp(20px, 2vw, 35px) !important;
  text-align: center !important;
}

.vp-features-section-wrap .vp-title-wrap .vp-section-title,
.elementor-widget-vedax_feature_cards .vp-title-wrap .vp-section-title,
.vp-industry-title-wrap .vp-section-title,
.elementor-widget-vedax_products_carousel .vp-section-title,
.vp-products-carousel-title-wrap .vp-section-title {
  font-size: clamp(26px, 2.1vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  color: #10183b !important;
  margin: 0 auto 12px auto !important;
  display: inline-block !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.elementor-widget-vedax_products_carousel .vp-section-desc,
.vp-products-carousel-title-wrap .vp-section-desc {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  white-space: normal !important;
}

@media screen and (max-width: 767px) {

  .vp-features-section-wrap .vp-title-wrap .vp-section-title,
  .elementor-widget-vedax_feature_cards .vp-title-wrap .vp-section-title,
  .vp-industry-title-wrap .vp-section-title,
  .elementor-widget-vedax_products_carousel .vp-section-title,
  .vp-products-carousel-title-wrap .vp-section-title {
    white-space: normal !important;
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }
}

.vp-features-section-wrap .vp-title-wrap .vp-section-desc,
.elementor-widget-vedax_feature_cards .vp-title-wrap .vp-section-desc,
.vp-industry-title-wrap .vp-section-desc {
  font-size: clamp(15px, 1.05vw, 20px) !important;
  line-height: 1.7 !important;
  color: #64748b !important;
  max-width: clamp(800px, 55vw, 1400px) !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* ==========================================================================
   REDUCE SPACE ABOVE TECHNICAL SPECIFICATIONS & PARAMETERS SECTION
   ========================================================================== */
.elementor-widget-vedax_product_overview section.vp-section,
.vp-product-overview-section,
section:has(.vp-overview-grid) {
  padding-bottom: clamp(14px, 1.8vw, 24px) !important;
}

.elementor-element-sec_vw_overview,
.elementor-element-sec_cap_overview,
.elementor-element-sec_amp_overview,
.elementor-section:has(.vp-overview-grid) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.elementor-element-sec_vw_specs,
.elementor-element-sec_cap_specs,
.elementor-element-sec_amp_specs,
.elementor-section:has(.vp-specs-section-wrap) {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.vp-specs-section-wrap,
section.vp-specs-section-wrap {
  padding-top: clamp(10px, 1.4vw, 18px) !important;
}

.vp-specs-section-wrap .vp-title-wrap {
  margin: 0 auto clamp(16px, 1.8vw, 24px) !important;
}

/* ==========================================================================
   TASK: TECHNICAL SPECIFICATIONS & PARAMETERS - 4 CARDS IN 1 SINGLE LINE
   ========================================================================== */
.vp-specs-section-wrap .vp-specs-grid,
.vp-specs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: clamp(14px, 1.5vw, 22px) !important;
  align-items: stretch !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vp-specs-section-wrap .vp-specs-grid .vp-spec-card,
.vp-specs-grid .vp-spec-card {
  width: 100% !important;
  height: 100% !important;
  padding: 22px 18px !important;
  box-sizing: border-box !important;
}

.vp-specs-section-wrap .vp-spec-card .vp-spec-title,
.vp-spec-card .vp-spec-title {
  font-size: clamp(15px, 1.1vw, 17px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

  .vp-specs-section-wrap .vp-specs-grid,
  .vp-specs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 18px !important;
  }
}

@media screen and (max-width: 767px) {

  .vp-specs-section-wrap .vp-specs-grid,
  .vp-specs-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}

/* ==========================================================================
   MASTER MOBILE PHONE SCREEN RESPONSIVENESS SYSTEM (MATCHING SREMHEPVTLTD)
   Provides complete, pixel-perfect responsiveness for all mobile phone screens
   (iPhone, Samsung Galaxy, Pixel, etc. max-width: 991px, 768px, and 480px)
   ========================================================================== */

/* 1. Global Viewport Containment & Zero Horizontal Scroll */
@media screen and (max-width: 991px) {

  /* About Us ("Your Trusted Partner in Industrial Manufacturing") Mobile Polish */
  .vp-about-section-wrap {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  .vp-about-section-wrap .vp-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .vp-about-section-wrap .vp-grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .vp-about-content {
    width: 100% !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-section-title {
    font-size: clamp(22px, 5.5vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    color: #10183b !important;
    max-width: 100% !important;
  }

  .vp-about-section-wrap .vp-section-desc {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    color: #475569 !important;
    max-width: 100% !important;
  }

  .vp-about-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
  }

  .vp-about-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #569e32 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }

  .vp-about-feat-title {
    color: #10183b !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
  }

  .vp-about-feat-desc {
    margin: 0 !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
  }

  .vp-about-btn-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px auto 0 auto !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-btn-about-box,
  .vp-btn-about-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 12px 24px !important;
    background: #569e32 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(86, 158, 50, 0.28) !important;
    box-sizing: border-box !important;
  }

  .vp-about-image-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .vp-about-img-card,
  .vp-about-image-col>div {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(16, 24, 59, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    margin: 0px auto !important;
    line-height: 0 !important;
    display: block !important;
  }

  .vp-about-image-col img,
  .vp-about-img-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    max-height: 260px !important;
    min-height: 200px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 13px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    line-height: 0 !important;
  }

  html,
  html body,
  html.admin-bar,
  body.admin-bar,
  body {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: static !important;
  }

  #wpadminbar {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    visibility: hidden !important;
    position: absolute !important;
    top: -9999px !important;
  }

  *,
  *::before,
  *::after {
    box-sizing: border-box !important;
  }

  img,
  svg,
  video,
  iframe {
    max-width: 100% !important;
    height: auto;
  }

  /* Edge-to-edge full-width containers (NO side white space on mobile) */
  #page,
  .site,
  .site-main,
  .site-content,
  .elementor,
  .elementor-6,
  .elementor-683 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* All sections & containers bleed 100% edge-to-edge with ZERO side space */
  .elementor-section,
  .elementor-section.elementor-section-full_width,
  .elementor-section.elementor-section-boxed,
  .elementor-container,
  .elementor-column,
  .elementor-column-wrap,
  .elementor-widget-wrap,
  .elementor-element-populated,
  .elementor-widget,
  .elementor-widget-container,
  .vp-hero,
  .vp-hero-banner,
  .vp-hero-home-main,
  .vp-hero-inner,
  .vp-section,
  .vp-section-alt,
  .vp-why-choose-wrap,
  .vp-features-section-wrap,
  .vp-specs-section-wrap,
  .vp-cta-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Inner readable content containers get clean 16px padding inside edge-to-edge section */
  .vp-container,
  .container,
  .vp-hero-container,
  .vp-hero-inner .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-left-box,
  .vp-hero-content,
  .vp-footer-inner,
  .vp-footer>.vp-container,
  .vp-footer-bottom>.vp-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* 2. Mobile Top Bar Header - Sticky at top: 0 (Identical to sremhepvtltd.in Image 2) */
@media screen and (max-width: 991px) {

  /* About Us ("Your Trusted Partner in Industrial Manufacturing") Mobile Polish */
  .vp-about-section-wrap {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  .vp-about-section-wrap .vp-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .vp-about-section-wrap .vp-grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .vp-about-content {
    width: 100% !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-section-title {
    font-size: clamp(22px, 5.5vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    color: #10183b !important;
    max-width: 100% !important;
  }

  .vp-about-section-wrap .vp-section-desc {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    color: #475569 !important;
    max-width: 100% !important;
  }

  .vp-about-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
  }

  .vp-about-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #569e32 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }

  .vp-about-feat-title {
    color: #10183b !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
  }

  .vp-about-feat-desc {
    margin: 0 !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
  }

  .vp-about-btn-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px auto 0 auto !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-btn-about-box,
  .vp-btn-about-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 12px 24px !important;
    background: #569e32 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(86, 158, 50, 0.28) !important;
    box-sizing: border-box !important;
  }

  .vp-about-image-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .vp-about-img-card,
  .vp-about-image-col>div {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(16, 24, 59, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    margin: 0px auto !important;
    line-height: 0 !important;
    display: block !important;
  }

  .vp-about-image-col img,
  .vp-about-img-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    max-height: 260px !important;
    min-height: 200px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 13px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    line-height: 0 !important;
  }

  #wpadminbar {
    display: none !important;
    height: 0 !important;
  }

  html,
  html body,
  html.admin-bar,
  body.admin-bar,
  body {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* Sticky permanently at top: 0 with NO content above */
  #masthead,
  header#masthead,
  .ehf-header #masthead,
  .vp-header,
  #site-header,
  body.admin-bar #masthead,
  body.admin-bar header#masthead,
  body.admin-bar .vp-header,
  body.admin-bar #site-header {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 64px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999999 !important;
    background: #ffffff !important;
    box-shadow: 0 2px 12px rgba(16, 24, 59, 0.08) !important;
    transform: none !important;
    transition: none !important;
    overflow: visible !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }

  /* Hide topbar strip on mobile */
  #masthead .vp-topbar-strip,
  .vp-topbar-strip {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  /* Inner containers fill exact 62px bar */
  #masthead .elementor-714,
  #masthead .elementor-element-sec_header_root,
  #masthead .elementor-container,
  #masthead .elementor-column,
  #masthead .elementor-widget-wrap,
  #masthead .elementor-widget-vedax_site_header,
  #masthead .elementor-widget-container,
  #masthead .vp-header,
  #masthead #site-header {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 64px !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: #ffffff !important;
    transform: none !important;
    overflow: visible !important;
  }

  /* Neutralize smart header hide-on-scroll on mobile */
  body.vp-header-hidden #masthead,
  body.vp-header-hidden header#masthead,
  body.vp-header-hidden .vp-header,
  body.vp-header-hidden header.vp-header,
  body.vp-header-hidden header.elementor-714 {
    transform: none !important;
  }

  /* Header inner navbar layout matching sremhepvtltd.in Image 2 */
  #masthead .vp-header-container,
  .vp-header .vp-header-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
  }

  #masthead .vp-nav-inner,
  .vp-header .vp-nav-inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 62px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* Logo Wrapper & Image: Complete, un-clipped, centered (NOT CUT OFF) */
  .vp-brand-logo,
  .vp-header-logo,
  .vp-drawer-logo,
  #masthead .vp-brand-logo {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    max-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    line-height: 1 !important;
  }

  .vp-brand-logo img,
  .vp-header-logo img,
  header#masthead img,
  #masthead .vp-brand-logo img,
  .elementor-714 .elementor-element-w_site_header_master .vp-brand-logo img {
    height: 44px !important;
    max-height: 44px !important;
    width: auto !important;
    max-width: 160px !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto 0 !important;
    padding: 0 !important;
  }

  /* Hamburger Toggle: Crisp rounded square matching sremhepvtltd.in */
  .vp-mobile-toggle,
  .hfe-nav-menu__toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    color: #10183b !important;
    font-size: 20px !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: auto 0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
  }

  .vp-mobile-toggle:hover,
  .vp-mobile-toggle:active {
    background: #f1f5f9 !important;
    border-color: #569e32 !important;
    color: #569e32 !important;
    /* Logo theme green */
  }

  .vp-desktop-nav,
  .vp-header-btn-wrap {
    display: none !important;
  }

  /* Sticky header sits naturally in flow, so zero margin-top needed */
  #content,
  .site-content,
  body.page-template-default #content,
  body.page-template-elementor_header_footer #content,
  body #content,
  .elementor.elementor-6,
  .elementor.elementor-683,
  body:not(.home) .site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* 3. Mobile Footer (NO Side White Space, Edge-to-Edge Dark Blue Bleed) */
@media screen and (max-width: 991px) {

  /* About Us ("Your Trusted Partner in Industrial Manufacturing") Mobile Polish */
  .vp-about-section-wrap {
    padding-top: 36px !important;
    padding-bottom: 40px !important;
  }

  .vp-about-section-wrap .vp-container {
    padding-left: 16px !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    width: 100% !important;
  }

  .vp-about-section-wrap .vp-grid-2 {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
  }

  .vp-about-content {
    width: 100% !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-section-title {
    font-size: clamp(22px, 5.5vw, 26px) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    color: #10183b !important;
    max-width: 100% !important;
  }

  .vp-about-section-wrap .vp-section-desc {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    color: #475569 !important;
    max-width: 100% !important;
  }

  .vp-about-item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    text-align: left !important;
  }

  .vp-about-icon-wrap {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #569e32 !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
  }

  .vp-about-feat-title {
    color: #10183b !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    display: block !important;
    margin-bottom: 3px !important;
    line-height: 1.3 !important;
  }

  .vp-about-feat-desc {
    margin: 0 !important;
    font-size: 13.5px !important;
    color: #64748b !important;
    line-height: 1.5 !important;
  }

  .vp-about-btn-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 18px auto 0 auto !important;
    text-align: center !important;
  }

  .vp-about-section-wrap .vp-btn-about-box,
  .vp-btn-about-box {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 280px !important;
    padding: 12px 24px !important;
    background: #569e32 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 14px rgba(86, 158, 50, 0.28) !important;
    box-sizing: border-box !important;
  }

  .vp-about-image-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }

  .vp-about-img-card,
  .vp-about-image-col>div {
    width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(16, 24, 59, 0.12) !important;
    border: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
    padding: 0px !important;
    margin: 0px auto !important;
    line-height: 0 !important;
    display: block !important;
  }

  .vp-about-image-col img,
  .vp-about-img-card img {
    width: 100% !important;
    max-width: 100% !important;
    height: 240px !important;
    max-height: 260px !important;
    min-height: 200px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 13px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    line-height: 0 !important;
  }

  footer#colophon,
  #colophon,
  .site-footer,
  .footer-width-fixer,
  .elementor-715,
  .elementor-element-sec_footer_root,
  .elementor-element-sec_footer_root .elementor-container,
  .elementor-element-sec_footer_root .elementor-column,
  .elementor-element-sec_footer_root .elementor-widget-wrap,
  .elementor-widget-vedax_site_footer,
  .elementor-widget-vedax_site_footer .elementor-widget-container,
  footer.vp-footer,
  .vp-footer {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: #10183b !important;
    background: #10183b !important;
    box-sizing: border-box !important;
  }

  /* Footer inner container has the 16px padding inside dark blue */
  .vp-footer>.vp-container,
  .vp-footer .vp-container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  .vp-footer-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 30px 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .vp-footer-col {
    width: 100% !important;
    max-width: 100% !important;
  }

  .vp-footer-bottom {
    width: 100% !important;
    max-width: 100% !important;
    background-color: #081026 !important;
    background: #081026 !important;
    padding: 16px 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .vp-footer-bottom-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 10px !important;
  }
}

/* 4. Mobile Hero Section (Matching SREMHEPVTLTD Phone Layout) */
@media screen and (max-width: 768px) {

  .vp-hero,
  .vp-hero-banner,
  .vp-hero-inner,
  .vp-hero-compact,
  .vp-hero-home-main {
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    height: auto !important;
    padding: 34px 0 38px 0 !important;
    background-position: center center !important;
    background-size: cover !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  .vp-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(16, 24, 59, 0.94) 0%, rgba(16, 24, 59, 0.88) 60%, rgba(15, 23, 42, 0.95) 100%) !important;
    z-index: 1 !important;
  }

  .vp-hero-container,
  .vp-hero .vp-hero-container,
  .vp-hero-banner .vp-container,
  .vp-hero-inner .vp-hero-container,
  .vp-hero-left-box {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vp-hero-content,
  .vp-hero-banner .vp-hero-content,
  .vp-hero-inner .vp-hero-content,
  .vp-hero-compact .vp-hero-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .vp-hero-title,
  .vp-hero-banner h1,
  .vp-hero-inner .vp-hero-title,
  .vp-hero-compact .vp-hero-title,
  .single-post .vp-hero-title {
    color: #ffffff !important;
    font-size: clamp(22px, 5.8vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    margin: 0 auto 12px auto !important;
    width: 100% !important;
    max-width: 600px !important;
    letter-spacing: -0.3px !important;
  }

  .vp-hero-desc,
  .vp-hero-banner p,
  .vp-hero-inner .vp-hero-desc {
    color: #cbd5e1 !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    text-align-last: center !important;
    margin: 0 auto 20px auto !important;
    max-width: 540px !important;
    width: 100% !important;
  }

  .vp-home-btn-wrap,
  .vp-hero-cta-group,
  .vp-hero-btns {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }

  .vp-home-btn-discover,
  .vp-hero-btn-primary,
  .vp-hero-btn-secondary,
  .vp-hero .vp-btn-primary,
  .vp-hero .vp-btn-secondary {
    width: 100% !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    padding: 13px 20px !important;
    font-size: 14.5px !important;
  }
}

/* 5. Mobile Technical Specifications (Single Line Title & Balanced Cards) */
@media screen and (max-width: 768px) {
  .vp-specs-section-wrap {
    padding: 32px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .vp-specs-section-wrap .vp-title-wrap {
    text-align: center !important;
    margin: 0 auto 20px auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .vp-specs-section-wrap h2.vp-section-title,
  .vp-specs-section-wrap .vp-section-title {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(14px, 4.4vw, 22px) !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 auto 8px auto !important;
    letter-spacing: -0.2px !important;
    display: block !important;
  }

  .vp-specs-section-wrap .vp-section-desc {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #475569 !important;
    margin: 0 auto !important;
    max-width: 500px !important;
  }

  .vp-specs-section-wrap .vp-specs-grid,
  .vp-specs-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .vp-spec-card {
    width: 100% !important;
    min-height: 80px !important;
    padding: 16px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
}

/* 6. Mobile Multi-Column Stacking & Fluid Grids */
@media screen and (max-width: 768px) {

  .vp-grid-2,
  .vp-grid-3,
  .vp-grid-4,
  .vp-features-grid,
  .vp-about-grid,
  .vp-why-choose-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    width: 100% !important;
  }

  .vp-cta-box {
    padding: 26px 18px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .vp-cta-box h3,
  .vp-cta-title {
    font-size: clamp(18px, 4.8vw, 22px) !important;
    line-height: 1.3 !important;
    text-align: center !important;
    margin-bottom: 6px !important;
  }

  .vp-cta-box p,
  .vp-cta-desc {
    font-size: 13.5px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
  }

  .vp-cta-btn,
  .vp-cta-box .vp-btn-white {
    width: 100% !important;
    justify-content: center !important;
    text-align: center !important;
  }

  table,
  .vp-table,
  .elementor-widget-table {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

/* 7. Small Phone Screen Optimization (<= 480px, e.g. iPhone, Galaxy) */
@media screen and (max-width: 480px) {

  .vp-hero-title,
  .vp-hero-banner h1 {
    font-size: clamp(20px, 6vw, 25px) !important;
  }

  .vp-hero-desc {
    font-size: 13px !important;
    margin-bottom: 16px !important;
  }

  .vp-section-title,
  h2.vp-section-title {
    font-size: clamp(20px, 5.5vw, 24px) !important;
  }

  .vp-specs-section-wrap .vp-title-wrap .vp-section-title,
  .vp-specs-section-wrap h2.vp-section-title {
    font-size: clamp(20px, 5.5vw, 23px) !important;
  }

  .vp-spec-card {
    padding: 14px 12px !important;
  }

  .vp-spec-card .vp-spec-title {
    font-size: 14px !important;
  }

  .vp-spec-card .vp-spec-val {
    font-size: 13px !important;
  }

  .vp-overview-grid .vp-single-img-wrap {
    min-height: 200px !important;
    max-height: 280px !important;
    padding: 0px !important;
    margin: 0px auto !important;
    line-height: 0 !important;
    display: block !important;
  }

  .vp-overview-grid .vp-single-img-wrap img {
    height: 240px !important;
    padding: 0px !important;
    margin: 0px !important;
    line-height: 0 !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center !important;
  }
}

/* ==========================================================================
   TASK 1: HIGH-TOLERANCE PRODUCTION MACHINERY IN 1 SINGLE LINE
   ========================================================================== */
.vp-facility-machinery-title,
.elementor-widget-vedax_facility_machinery .vp-section-title {
  white-space: nowrap !important;
  font-size: clamp(18px, 1.95vw, 32px) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 767px) {

  .vp-facility-machinery-title,
  .elementor-widget-vedax_facility_machinery .vp-section-title {
    white-space: normal !important;
    font-size: clamp(20px, 5.5vw, 26px) !important;
  }
}

/* ==========================================================================
   TASK 2: PRODUCTS PAGE CARDS & VIEW SPECIFICATIONS LINK (MATCHING ASSEMBLY)
   ========================================================================== */
.vp-product-card {
  background: #ffffff !important;
  border-radius: 14px !important;
  border: 1px solid #e2e8f0 !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(16, 24, 59, 0.06) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.vp-product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px rgba(16, 24, 59, 0.12) !important;
}

.vp-product-card .vp-card-media {
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  min-height: 180px !important;
  overflow: hidden !important;
  background: #f8fafc !important;
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  box-sizing: border-box !important;
}

.vp-product-card .vp-card-media img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
  transition: transform 0.4s ease !important;
}

.vp-product-card:hover .vp-card-media img {
  transform: scale(1.04) !important;
}

.vp-product-card .vp-card-body {
  padding: 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

.vp-product-card .vp-card-title {
  margin: 0 0 10px 0 !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #10183b !important;
  line-height: 1.3 !important;
}

.vp-product-card .vp-card-title a {
  color: #10183b !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.vp-product-card:hover .vp-card-title a {
  color: #569e32 !important;
}

.vp-product-card .vp-card-p {
  font-size: 14.5px !important;
  color: #64748b !important;
  line-height: 1.6 !important;
  margin: 0 0 20px 0 !important;
}

.vp-product-card .vp-card-btn-wrap {
  margin-top: auto !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
  border: none !important;
  background: transparent !important;
}

.vp-product-card .vp-card-btn-wrap a.vp-card-btn,
.vp-product-card a.vp-card-btn,
.vp-product-card .vp-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #569e32 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  text-decoration: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

.vp-product-card .vp-card-btn-wrap a.vp-card-btn span,
.vp-product-card a.vp-card-btn span,
.vp-product-card .vp-card-btn span {
  color: #569e32 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: color 0.25s ease !important;
}

.vp-product-card .vp-card-btn-wrap a.vp-card-btn i,
.vp-product-card a.vp-card-btn i,
.vp-product-card .vp-card-btn i {
  color: #569e32 !important;
  font-size: 13px !important;
  transition: transform 0.25s ease, color 0.25s ease !important;
}

.vp-product-card:hover a.vp-card-btn,
.vp-product-card a.vp-card-btn:hover {
  color: #10183b !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.vp-product-card:hover a.vp-card-btn span,
.vp-product-card a.vp-card-btn:hover span {
  color: #10183b !important;
}

.vp-product-card:hover a.vp-card-btn i,
.vp-product-card a.vp-card-btn:hover i {
  color: #10183b !important;
  transform: translateX(4px) !important;
}


/* Justify description paragraph under "Your Trusted Partner in Industrial Manufacturing" */
.vp-about-section-wrap .vp-section-desc,
.vp-about-content .vp-section-desc {
  text-align: justify !important;
  text-justify: inter-word !important;
}

/* ==========================================================================
   PHONE RESPONSIVE: JUSTIFY ALL PARAGRAPHS ON HOME, COMPANY PROFILE,
   OUR FACILITIES, ASSEMBLY & CONTENT PAGES (Phone Screen <= 768px)
   ========================================================================== */
@media screen and (max-width: 768px) {
  /* Home page paragraphs */
  body.home p,
  .home p,
  .home .vp-section-desc,
  .home .vp-about-content p,
  .home .vp-about-section-wrap p,
  .home .vp-about-feat-desc,
  .home .vp-card-desc,

  /* Company Profile page paragraphs */
  body.page-id-7 p,
  .page-id-7 p,
  body.postid-7 p,
  .postid-7 p,

  /* Our Facilities page paragraphs */
  body.page-id-8 p,
  .page-id-8 p,
  body.postid-8 p,
  .postid-8 p,

  /* Assembly menu pages paragraphs */
  body.page-id-686 p,
  .page-id-686 p,
  body.page-id-683 p,
  .page-id-683 p,
  body.page-id-684 p,
  .page-id-684 p,
  body.page-id-685 p,
  .page-id-685 p,
  body.page-id-687 p,
  .page-id-687 p,
  body.page-id-688 p,
  .page-id-688 p,

  /* Universal main content paragraphs across all sections & cards */
  main p,
  #content p,
  .site-main p,
  .entry-content p,
  .page-content p,
  .post-content p,
  .elementor p,
  .elementor-widget-text-editor p,
  .elementor-text-editor p,
  .vp-section-desc,
  .vp-about-content p,
  .vp-about-section-wrap p,
  .vp-about-section-wrap .vp-section-desc,
  .vp-about-text p,
  .vp-card-desc,
  .vp-product-desc,
  .vp-about-feat-desc,
  .vp-wcu-desc,
  .vp-facility-card p,
  .vp-facility-desc,
  .vp-specs-feature-card p,
  .vp-content-card p,
  .vp-feature-card p,
  .vp-desc,
  .vp-text,
  .vdx-para,
  .vdx-desc,
  .vp-tab-content p,
  .vp-legal-section p,
  .vp-legal-card p,
  section p,
  article p {
    text-align: justify !important;
    text-justify: inter-word !important;
  }

  /* Headings centered on phone */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .vp-section-title,
  .elementor-heading-title,
  .sre-hero-modern-title {
    text-align: center !important;
  }

  /* Footer text centered on phone */
  footer p,
  .site-footer p,
  .hf-footer p,
  .vp-footer p,
  .vp-footer-bottom p,
  .vp-footer-copy,
  .vp-footer-copy p,
  .vp-footer-copyright,
  .vp-footer-brand-desc {
    text-align: center !important;
  }

  /* Stats bar stays centered */
  .vp-stat-box *,
  .vp-stat-item *,
  .vp-stats-grid *,
  .vp-stat-num,
  .vp-stat-lbl,
  .vp-stat-number,
  .vp-stat-label,
  .vp-counter-number,
  .vp-spec-val {
    text-align: center !important;
  }

  /* Navigation, Buttons and Badges stay centered */
  .vp-nav-link,
  .hfe-menu-item,
  .vp-btn,
  .vp-btn-primary,
  .vp-btn-secondary,
  .elementor-button,
  .vp-badge,
  .vp-section-badge {
    text-align: center !important;
  }

  /* ==========================================================================
     LIVE UPDATES & BLOG SINGLE POST: MOBILE PHONE CLEAN RESPONSIVE
     ========================================================================== */
  .vdx-single-lu-main,
  .single-post .site-main,
  body.single-post .site-main,
  body.single .site-main,
  #content.site-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-single-lu-container,
  .single-post .blog-single-post {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .blog-single-hero,
  .single-post .vp-hero,
  .single-post .vp-hero-banner {
    height: auto !important;
    min-height: 190px !important;
    max-height: none !important;
    padding: 30px 0 26px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .blog-single-hero .vp-hero-container,
  .single-post .vp-hero-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  .blog-single-hero .vp-hero-title,
  .single-post .vp-hero-title {
    font-size: clamp(20px, 5.2vw, 26px) !important;
    line-height: 1.3 !important;
    margin-bottom: 8px !important;
    text-align: left !important;
    color: #ffffff !important;
  }

  .blog-single-hero .vp-hero-desc,
  .single-post .vp-hero-desc {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    color: #e2e8f0 !important;
  }

  .custom-breadcrumb {
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 0 18px 0 !important;
    background: #f4f9f1 !important;
    border-top: 1px solid rgba(86, 158, 50, 0.12) !important;
    border-bottom: 1px solid rgba(86, 158, 50, 0.12) !important;
    box-sizing: border-box !important;
  }

  .custom-breadcrumb-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
    box-sizing: border-box !important;
  }

  .author-detailswrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .author-detailswrap .author-namewrap {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  .author-detailswrap .author-namewrap .image-wrap svg,
  .author-detailswrap .author-namewrap .avatar {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  .author-detailswrap .text-wrap p {
    font-size: 11.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
  }

  .author-detailswrap .text-wrap h6 {
    font-size: 14.5px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    margin: 2px 0 0 0 !important;
    line-height: 1.3 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .author-detailswrap .publish-wrap,
  .author-detailswrap .time-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: auto !important;
    flex: 0 0 auto !important;
    padding-top: 0 !important;
    border-top: none !important;
  }

  .vdx-lu-main-grid,
  .vdx-lu-top-grid,
  .blog-single-post {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-img-col {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 0 !important;
    margin: 0 !important;
    position: static !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-img-card {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.06) !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-featured-img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 250px !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    border-radius: 13px !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Task 1: Phone screen - 2 buttons under featured image stacked vertically (Up & Down) */
  .vdx-lu-btn-row {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
    margin: 12px 0 16px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-btn-row .vdx-btn-yellow {
    width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
    background-color: #569e32 !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    padding: 13px 18px !important;
    border-radius: 8px !important;
    border: 1px solid #569e32 !important;
    box-shadow: 0 4px 12px rgba(86, 158, 50, 0.28) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-btn-row .vdx-btn-yellow span {
    color: #ffffff !important;
  }

  .vdx-lu-btn-row .vdx-btn-yellow svg,
  .vdx-lu-btn-row .vdx-btn-yellow .vdx-btn-arrow {
    stroke: #ffffff !important;
    color: #ffffff !important;
    fill: none !important;
    flex-shrink: 0 !important;
  }

  .vdx-lu-btn-row .vdx-btn-call {
    width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 100% !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0056b3 !important;
    border: 1.5px solid #0056b3 !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    padding: 13px 18px !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 86, 179, 0.15) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
  }

  .vdx-lu-btn-row .vdx-btn-call span {
    color: #0056b3 !important;
    white-space: nowrap !important;
    font-weight: 700 !important;
  }

  .vdx-lu-btn-row .vdx-btn-call svg {
    stroke: #0056b3 !important;
    color: #0056b3 !important;
    fill: none !important;
    flex-shrink: 0 !important;
  }

  .vdx-lu-btn-row .vdx-btn-call:hover {
    background: #0056b3 !important;
    background-color: #0056b3 !important;
    border-color: #0056b3 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0, 86, 179, 0.3) !important;
  }

  .vdx-lu-btn-row .vdx-btn-call:hover span {
    color: #ffffff !important;
  }

  .vdx-lu-btn-row .vdx-btn-call:hover svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
  }

  .blog-single-content,
  .blog-single-post-left {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    padding: 18px 16px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05) !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-content-col,
  .vdx-lu-body-card,
  .vdx-lu-content-col.vdx-lu-body-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-main-article-content {
    width: 100% !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    box-sizing: border-box !important;
  }

  .vdx-lu-main-article-content h2 {
    font-size: clamp(19px, 5vw, 22px) !important;
    font-weight: 800 !important;
    color: #10183b !important;
    line-height: 1.35 !important;
    margin-top: 24px !important;
    margin-bottom: 12px !important;
    text-align: left !important;
  }

  .vdx-lu-main-article-content h2:first-child {
    margin-top: 0 !important;
  }

  .vdx-lu-main-article-content h3 {
    font-size: 17.5px !important;
    font-weight: 700 !important;
    color: #10183b !important;
    line-height: 1.35 !important;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }

  .vdx-lu-main-article-content p {
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #334155 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    text-align: justify !important;
    text-justify: inter-word !important;
  }

  .vdx-lu-main-article-content ul,
  .vdx-lu-main-article-content ol {
    margin: 12px 0 18px 18px !important;
    padding: 0 !important;
  }

  .vdx-lu-main-article-content li {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
    text-align: justify !important;
    text-justify: inter-word !important;
  }

  .vdx-cta-box {
    width: 100% !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-left: 5px solid #569e32 !important;
    border-radius: 14px !important;
    padding: 30px 36px !important;
    margin-top: 40px !important;
    margin-bottom: 50px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 32px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
    box-sizing: border-box !important;
  }

  .vdx-cta-box .vdx-cta-text {
    flex: 1 1 auto !important;
    text-align: left !important;
    max-width: 680px !important;
  }

  .vdx-cta-box .vdx-cta-text h2 {
    font-family: var(--vp-font-heading, 'Red Hat Display', sans-serif) !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 0 8px 0 !important;
    text-align: left !important;
    color: #10183b !important;
  }

  .vdx-cta-box .vdx-cta-text p {
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    text-align: left !important;
    color: #475569 !important;
  }

  .vdx-cta-box .vdx-cta-actions,
  .vdx-cta-box div:last-child {
    display: flex !important;
    flex-direction: column !important;
    width: 250px !important;
    min-width: 220px !important;
    gap: 12px !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
  }

  .vdx-cta-box .vdx-btn-green {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 20px !important;
    background: linear-gradient(135deg, #60ae49 0%, #468627 100%) !important;
    background-color: #569e32 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: 1px solid #569e32 !important;
    box-shadow: 0 4px 12px rgba(86, 158, 50, 0.28) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
  }

  .vdx-cta-box .vdx-btn-green:hover {
    background: #468627 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(70, 134, 39, 0.4) !important;
  }

  .vdx-cta-box .vdx-btn-navy {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 13px 20px !important;
    background: #10183b !important;
    background-color: #10183b !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    border: 1px solid #10183b !important;
    box-shadow: 0 4px 12px rgba(16, 24, 59, 0.22) !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    transition: all 0.25s ease !important;
  }

  .vdx-cta-box .vdx-btn-navy:hover {
    background: #1e293b !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(16, 24, 59, 0.35) !important;
  }

  @media screen and (max-width: 768px) {
    .vdx-cta-box {
      flex-direction: column !important;
      align-items: stretch !important;
      text-align: left !important;
      padding: 24px 20px !important;
      gap: 20px !important;
    }
    .vdx-cta-box .vdx-cta-actions,
    .vdx-cta-box div:last-child {
      width: 100% !important;
      min-width: 100% !important;
    }
  }
}

/* ==========================================================================
   CONTACT SECTION WIDE SCREEN & COLUMN ALIGNMENT
   ========================================================================== */
.vp-contact-section {
  position: relative !important;
  width: 100% !important;
}

.vp-contact-section .vp-contact-container,
.vp-contact-container {
  width: 100% !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

.vp-contact-section .vp-grid-2,
.vp-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
  gap: 48px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.vp-contact-section .vp-grid-2,
.vp-contact-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
  gap: 48px !important;
  align-items: stretch !important;
  width: 100% !important;
}

.vp-contact-col-left {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  padding-top: 0 !important;
  height: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vp-contact-col-left .vp-badge-tag {
  display: inline-block !important;
  align-self: flex-start !important;
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

.vp-contact-col-left .vp-section-title {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

.vp-contact-col-left .vp-section-desc {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

@media screen and (min-width: 1400px) {
  .vp-contact-section .vp-contact-container,
  .vp-contact-container {
    max-width: 1440px !important;
  }

  .vp-contact-section .vp-grid-2,
  .vp-contact-grid {
    gap: 60px !important;
    align-items: stretch !important;
  }

  .vp-contact-col-left {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 1920px) {
  .vp-contact-section .vp-contact-container,
  .vp-contact-container {
    max-width: clamp(1440px, 72vw, 1800px) !important;
  }

  .vp-contact-section .vp-grid-2,
  .vp-contact-grid {
    gap: clamp(60px, 3.5vw, 90px) !important;
    align-items: stretch !important;
  }

  .vp-contact-col-left {
    padding-top: 0 !important;
  }
}

@media screen and (min-width: 2500px) {
  .vp-contact-section .vp-contact-container,
  .vp-contact-container {
    max-width: clamp(1800px, 66vw, 2400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vp-contact-section .vp-grid-2,
  .vp-contact-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
    gap: clamp(70px, 3.5vw, 110px) !important;
    align-items: stretch !important;
  }

  .vp-contact-col-left {
    padding-top: 0 !important;
  }

  .vp-contact-col-left .vp-section-title {
    font-size: clamp(34px, 1.8vw, 46px) !important;
    line-height: 1.25 !important;
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  .vp-contact-col-left .vp-section-desc {
    font-size: clamp(17px, 1vw, 22px) !important;
    line-height: 1.65 !important;
    margin-bottom: 12px !important;
  }
}

@media screen and (max-width: 1024px) {
  .vp-contact-section .vp-grid-2,
  .vp-contact-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    align-items: flex-start !important;
  }

  .vp-contact-col-left {
    height: auto !important;
    padding-top: 0 !important;
  }

  .vp-contact-col-left .vp-section-title {
    white-space: nowrap !important;
    font-size: clamp(14px, 4vw, 22px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.2px !important;
  }
}

@media screen and (max-width: 767px) {
  .vp-contact-col-left .vp-section-title {
    white-space: nowrap !important;
    font-size: clamp(13px, 3.8vw, 18px) !important;
    line-height: 1.25 !important;
    letter-spacing: -0.3px !important;
  }
}

@media screen and (max-width: 480px) {
  .vp-contact-col-left .vp-section-title {
    white-space: nowrap !important;
    font-size: clamp(11.5px, 3.65vw, 16px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.45px !important;
  }
}

@media screen and (max-width: 375px) {
  .vp-contact-col-left .vp-section-title {
    white-space: nowrap !important;
    font-size: clamp(10px, 3.4vw, 13.5px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.5px !important;
  }
}

.vp-contact-form-box {
  padding: 28px 28px 16px 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.vp-contact-form-box,
.vp-embedded-form-wrap,
.vp-embedded-form-wrap .fluentform,
.vp-embedded-form-wrap .frm-fluent-form,
.vp-embedded-form-wrap fieldset {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.vp-embedded-form-wrap .ff_submit_btn_wrapper,
.vp-contact-form-box .ff_submit_btn_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  float: none !important;
  clear: both !important;
  margin-top: 14px !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
}

/* Google Map Underneath Contact Items: Stretches in ONE Line with Form */
.vp-contact-map-card {
  width: 100% !important;
  flex: 1 1 0px !important;
  height: 100% !important;
  min-height: 170px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 18px rgba(15, 23, 42, 0.08) !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  background: #f1f5f9 !important;
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
}

.vp-contact-map-card iframe {
  width: 100% !important;
  height: 100% !important;
  flex: 1 1 auto !important;
  min-height: 100% !important;
  border: 0 !important;
  display: block !important;
}

@media screen and (min-width: 1400px) {
  .vp-contact-map-card {
    min-height: 320px !important;
    height: 320px !important;
  }
  .vp-contact-map-card iframe {
    min-height: 320px !important;
    height: 100% !important;
  }
}

@media screen and (min-width: 1920px) {
  .vp-contact-map-card {
    min-height: 380px !important;
    height: 380px !important;
  }
  .vp-contact-map-card iframe {
    min-height: 380px !important;
    height: 100% !important;
  }
}

@media screen and (min-width: 2500px) {
  .vp-contact-map-card {
    min-height: 520px !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    border-radius: 18px !important;
  }
  .vp-contact-map-card iframe {
    min-height: 520px !important;
    height: 100% !important;
  }
}

@media screen and (min-width: 3200px) {
  .vp-contact-map-card {
    min-height: 580px !important;
    height: 100% !important;
    flex: 1 1 auto !important;
    border-radius: 20px !important;
  }
  .vp-contact-map-card iframe {
    min-height: 580px !important;
    height: 100% !important;
  }
}

@media screen and (max-width: 1024px) {
  .vp-contact-map-card {
    height: 250px !important;
    min-height: 240px !important;
    flex: none !important;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
  }
  .vp-contact-map-card iframe {
    height: 250px !important;
    min-height: 240px !important;
  }
}

/* ==========================================================================
   PRODUCTS PAGES: CONTENT & IMAGE TOP-LINE ALIGNMENT + WIDE SCREEN
   ========================================================================== */
.vp-product-showcase-grid,
.vp-overview-grid,
.page-id-9 .vp-grid-2,
.page-id-10 .vp-grid-2,
.page-id-11 .vp-grid-2,
.page-id-12 .vp-grid-2,
.page-id-13 .vp-grid-2,
.page-id-14 .vp-grid-2,
.page-id-15 .vp-grid-2,
.page-id-16 .vp-grid-2,
.page-id-17 .vp-grid-2,
.page-id-18 .vp-grid-2,
.page-id-157 .vp-grid-2,
.page-id-158 .vp-grid-2,
.page-id-169 .vp-grid-2,
.page-id-170 .vp-grid-2,
.page-id-171 .vp-grid-2,
.page-id-172 .vp-grid-2,
.page-id-173 .vp-grid-2,
.page-id-174 .vp-grid-2,
.page-id-176 .vp-grid-2,
.page-id-177 .vp-grid-2,
.page-id-179 .vp-grid-2,
.page-id-180 .vp-grid-2,
.page-id-181 .vp-grid-2,
.vp-grid-2:has(.vp-main-img-card),
.vp-grid-2:has(.vp-product-media-wrapper),
.vp-grid-2:has(.vp-single-img-wrap),
.vp-grid-2:has(.vp-specs-table-card) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
  gap: 40px !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.vp-product-showcase-left,
.vp-product-overview-left,
.page-id-9 .vp-grid-2 > div:first-child,
.page-id-10 .vp-grid-2 > div:first-child,
.page-id-11 .vp-grid-2 > div:first-child,
.page-id-12 .vp-grid-2 > div:first-child,
.page-id-13 .vp-grid-2 > div:first-child,
.page-id-14 .vp-grid-2 > div:first-child,
.page-id-15 .vp-grid-2 > div:first-child,
.page-id-16 .vp-grid-2 > div:first-child,
.page-id-17 .vp-grid-2 > div:first-child,
.page-id-18 .vp-grid-2 > div:first-child,
.page-id-157 .vp-grid-2 > div:first-child,
.page-id-158 .vp-grid-2 > div:first-child,
.page-id-169 .vp-grid-2 > div:first-child,
.page-id-170 .vp-grid-2 > div:first-child,
.page-id-171 .vp-grid-2 > div:first-child,
.page-id-172 .vp-grid-2 > div:first-child,
.page-id-173 .vp-grid-2 > div:first-child,
.page-id-174 .vp-grid-2 > div:first-child,
.page-id-176 .vp-grid-2 > div:first-child,
.page-id-177 .vp-grid-2 > div:first-child,
.page-id-179 .vp-grid-2 > div:first-child,
.page-id-180 .vp-grid-2 > div:first-child,
.page-id-181 .vp-grid-2 > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  padding-top: 4px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.vp-product-showcase-left .vp-badge-tag,
.vp-product-overview-left .vp-badge-tag,
.page-id-9 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-10 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-11 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-12 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-13 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-14 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-15 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-16 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-17 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-18 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-157 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-158 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-169 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-170 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-171 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-172 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-173 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-174 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-176 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-177 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-179 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-180 .vp-grid-2 > div:first-child .vp-badge-tag,
.page-id-181 .vp-grid-2 > div:first-child .vp-badge-tag {
  margin-top: 0 !important;
  margin-bottom: 14px !important;
}

.vp-product-showcase-left .vp-section-title,
.vp-product-overview-left .vp-section-title,
.page-id-9 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-10 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-11 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-12 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-13 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-14 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-15 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-16 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-17 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-18 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-157 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-158 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-169 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-170 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-171 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-172 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-173 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-174 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-176 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-177 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-179 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-180 .vp-grid-2 > div:first-child .vp-section-title,
.page-id-181 .vp-grid-2 > div:first-child .vp-section-title {
  margin-top: 0 !important;
}

/* Wide screen 1400px+ */
@media screen and (min-width: 1400px) {
  .vp-product-showcase-section .vp-product-showcase-container,
  .page-id-9 .vp-section .vp-container,
  .page-id-10 .vp-section .vp-container,
  .page-id-11 .vp-section .vp-container,
  .page-id-12 .vp-section .vp-container,
  .page-id-13 .vp-section .vp-container,
  .page-id-14 .vp-section .vp-container,
  .page-id-15 .vp-section .vp-container,
  .page-id-16 .vp-section .vp-container,
  .page-id-17 .vp-section .vp-container,
  .page-id-18 .vp-section .vp-container,
  .page-id-157 .vp-section .vp-container,
  .page-id-158 .vp-section .vp-container,
  .page-id-169 .vp-section .vp-container,
  .page-id-170 .vp-section .vp-container,
  .page-id-171 .vp-section .vp-container,
  .page-id-172 .vp-section .vp-container,
  .page-id-173 .vp-section .vp-container,
  .page-id-174 .vp-section .vp-container,
  .page-id-176 .vp-section .vp-container,
  .page-id-177 .vp-section .vp-container,
  .page-id-179 .vp-section .vp-container,
  .page-id-180 .vp-section .vp-container,
  .page-id-181 .vp-section .vp-container {
    max-width: 1440px !important;
  }

  .vp-product-showcase-grid,
  .vp-overview-grid,
  .page-id-9 .vp-grid-2,
  .page-id-10 .vp-grid-2,
  .page-id-11 .vp-grid-2,
  .page-id-12 .vp-grid-2,
  .page-id-13 .vp-grid-2,
  .page-id-14 .vp-grid-2,
  .page-id-15 .vp-grid-2,
  .page-id-16 .vp-grid-2,
  .page-id-17 .vp-grid-2,
  .page-id-18 .vp-grid-2,
  .page-id-157 .vp-grid-2,
  .page-id-158 .vp-grid-2,
  .page-id-169 .vp-grid-2,
  .page-id-170 .vp-grid-2,
  .page-id-171 .vp-grid-2,
  .page-id-172 .vp-grid-2,
  .page-id-173 .vp-grid-2,
  .page-id-174 .vp-grid-2,
  .page-id-176 .vp-grid-2,
  .page-id-177 .vp-grid-2,
  .page-id-179 .vp-grid-2,
  .page-id-180 .vp-grid-2,
  .page-id-181 .vp-grid-2 {
    grid-template-columns: minmax(0, 1.12fr) minmax(0, 0.88fr) !important;
    gap: 50px !important;
    align-items: flex-start !important;
  }

  .vp-product-showcase-left,
  .vp-product-overview-left {
    padding-top: 6px !important;
  }

  .page-id-683 .vp-single-img-wrap,
  .page-id-684 .vp-single-img-wrap,
  .page-id-685 .vp-single-img-wrap,
  .page-id-687 .vp-single-img-wrap,
  .page-id-688 .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .page-id-683 .vp-single-img-wrap img,
  .page-id-684 .vp-single-img-wrap img,
  .page-id-685 .vp-single-img-wrap img,
  .page-id-687 .vp-single-img-wrap img,
  .page-id-688 .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: 0 12px 32px rgba(16, 24, 59, 0.12) !important;
    border-radius: 16px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Ultra-Wide 1920px+ */
@media screen and (min-width: 1920px) {
  .vp-product-showcase-section .vp-product-showcase-container,
  .page-id-9 .vp-section .vp-container,
  .page-id-10 .vp-section .vp-container,
  .page-id-11 .vp-section .vp-container,
  .page-id-12 .vp-section .vp-container,
  .page-id-13 .vp-section .vp-container,
  .page-id-14 .vp-section .vp-container,
  .page-id-15 .vp-section .vp-container,
  .page-id-16 .vp-section .vp-container,
  .page-id-17 .vp-section .vp-container,
  .page-id-18 .vp-section .vp-container,
  .page-id-157 .vp-section .vp-container,
  .page-id-158 .vp-section .vp-container,
  .page-id-169 .vp-section .vp-container,
  .page-id-170 .vp-section .vp-container,
  .page-id-171 .vp-section .vp-container,
  .page-id-172 .vp-section .vp-container,
  .page-id-173 .vp-section .vp-container,
  .page-id-174 .vp-section .vp-container,
  .page-id-176 .vp-section .vp-container,
  .page-id-177 .vp-section .vp-container,
  .page-id-179 .vp-section .vp-container,
  .page-id-180 .vp-section .vp-container,
  .page-id-181 .vp-section .vp-container {
    max-width: clamp(1440px, 75vw, 1800px) !important;
  }

  .vp-product-showcase-grid,
  .vp-overview-grid,
  .page-id-9 .vp-grid-2,
  .page-id-10 .vp-grid-2,
  .page-id-11 .vp-grid-2,
  .page-id-12 .vp-grid-2,
  .page-id-13 .vp-grid-2,
  .page-id-14 .vp-grid-2,
  .page-id-15 .vp-grid-2,
  .page-id-16 .vp-grid-2,
  .page-id-17 .vp-grid-2,
  .page-id-18 .vp-grid-2,
  .page-id-157 .vp-grid-2,
  .page-id-158 .vp-grid-2,
  .page-id-169 .vp-grid-2,
  .page-id-170 .vp-grid-2,
  .page-id-171 .vp-grid-2,
  .page-id-172 .vp-grid-2,
  .page-id-173 .vp-grid-2,
  .page-id-174 .vp-grid-2,
  .page-id-176 .vp-grid-2,
  .page-id-177 .vp-grid-2,
  .page-id-179 .vp-grid-2,
  .page-id-180 .vp-grid-2,
  .page-id-181 .vp-grid-2 {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: clamp(50px, 3.5vw, 75px) !important;
    align-items: flex-start !important;
  }

  .vp-product-showcase-left,
  .vp-product-overview-left {
    padding-top: 8px !important;
  }

  .page-id-683 .vp-single-img-wrap,
  .page-id-684 .vp-single-img-wrap,
  .page-id-685 .vp-single-img-wrap,
  .page-id-687 .vp-single-img-wrap,
  .page-id-688 .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .page-id-683 .vp-single-img-wrap img,
  .page-id-684 .vp-single-img-wrap img,
  .page-id-685 .vp-single-img-wrap img,
  .page-id-687 .vp-single-img-wrap img,
  .page-id-688 .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: 0 16px 40px rgba(16, 24, 59, 0.12) !important;
    border-radius: 18px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* 4K Ultra-Wide 2500px+ (3840px) */
@media screen and (min-width: 2500px) {
  .vp-product-showcase-section .vp-product-showcase-container,
  .page-id-9 .vp-section .vp-container,
  .page-id-10 .vp-section .vp-container,
  .page-id-11 .vp-section .vp-container,
  .page-id-12 .vp-section .vp-container,
  .page-id-13 .vp-section .vp-container,
  .page-id-14 .vp-section .vp-container,
  .page-id-15 .vp-section .vp-container,
  .page-id-16 .vp-section .vp-container,
  .page-id-17 .vp-section .vp-container,
  .page-id-18 .vp-section .vp-container,
  .page-id-157 .vp-section .vp-container,
  .page-id-158 .vp-section .vp-container,
  .page-id-169 .vp-section .vp-container,
  .page-id-170 .vp-section .vp-container,
  .page-id-171 .vp-section .vp-container,
  .page-id-172 .vp-section .vp-container,
  .page-id-173 .vp-section .vp-container,
  .page-id-174 .vp-section .vp-container,
  .page-id-176 .vp-section .vp-container,
  .page-id-177 .vp-section .vp-container,
  .page-id-179 .vp-section .vp-container,
  .page-id-180 .vp-section .vp-container,
  .page-id-181 .vp-section .vp-container {
    max-width: clamp(1800px, 66vw, 2400px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .vp-product-showcase-grid,
  .vp-overview-grid,
  .page-id-9 .vp-grid-2,
  .page-id-10 .vp-grid-2,
  .page-id-11 .vp-grid-2,
  .page-id-12 .vp-grid-2,
  .page-id-13 .vp-grid-2,
  .page-id-14 .vp-grid-2,
  .page-id-15 .vp-grid-2,
  .page-id-16 .vp-grid-2,
  .page-id-17 .vp-grid-2,
  .page-id-18 .vp-grid-2,
  .page-id-157 .vp-grid-2,
  .page-id-158 .vp-grid-2,
  .page-id-169 .vp-grid-2,
  .page-id-170 .vp-grid-2,
  .page-id-171 .vp-grid-2,
  .page-id-172 .vp-grid-2,
  .page-id-173 .vp-grid-2,
  .page-id-174 .vp-grid-2,
  .page-id-176 .vp-grid-2,
  .page-id-177 .vp-grid-2,
  .page-id-179 .vp-grid-2,
  .page-id-180 .vp-grid-2,
  .page-id-181 .vp-grid-2 {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) !important;
    gap: clamp(70px, 3.5vw, 110px) !important;
    align-items: flex-start !important;
  }

  .vp-product-showcase-left,
  .vp-product-overview-left {
    padding-top: 10px !important;
  }

  .page-id-683 .vp-single-img-wrap,
  .page-id-684 .vp-single-img-wrap,
  .page-id-685 .vp-single-img-wrap,
  .page-id-687 .vp-single-img-wrap,
  .page-id-688 .vp-single-img-wrap,
  .vp-overview-grid .vp-single-img-wrap {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  .page-id-683 .vp-single-img-wrap img,
  .page-id-684 .vp-single-img-wrap img,
  .page-id-685 .vp-single-img-wrap img,
  .page-id-687 .vp-single-img-wrap img,
  .page-id-688 .vp-single-img-wrap img,
  .vp-overview-grid .vp-single-img-wrap img {
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: 0 20px 48px rgba(16, 24, 59, 0.12) !important;
    border-radius: 20px !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vp-product-showcase-left .vp-section-title,
  .vp-product-overview-left .vp-section-title {
    font-size: clamp(32px, 1.8vw, 44px) !important;
    line-height: 1.25 !important;
  }
}

/* Mobile / Tablet Responsive */
@media screen and (max-width: 1024px) {
  .vp-product-showcase-grid,
  .vp-overview-grid,
  .page-id-9 .vp-grid-2,
  .page-id-10 .vp-grid-2,
  .page-id-11 .vp-grid-2,
  .page-id-12 .vp-grid-2,
  .page-id-13 .vp-grid-2,
  .page-id-14 .vp-grid-2,
  .page-id-15 .vp-grid-2,
  .page-id-16 .vp-grid-2,
  .page-id-17 .vp-grid-2,
  .page-id-18 .vp-grid-2,
  .page-id-157 .vp-grid-2,
  .page-id-158 .vp-grid-2,
  .page-id-169 .vp-grid-2,
  .page-id-170 .vp-grid-2,
  .page-id-171 .vp-grid-2,
  .page-id-172 .vp-grid-2,
  .page-id-173 .vp-grid-2,
  .page-id-174 .vp-grid-2,
  .page-id-176 .vp-grid-2,
  .page-id-177 .vp-grid-2,
  .page-id-179 .vp-grid-2,
  .page-id-180 .vp-grid-2,
  .page-id-181 .vp-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  .vp-product-showcase-left,
  .vp-product-overview-left {
    padding-top: 0 !important;
  }
}

/* Features & Applications Cards Defaults */
.vp-feature-boxes-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 24px !important;
  margin-top: 30px !important;
}

.vp-feature-box {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.vp-feature-box-title {
  font-size: 16px;
  font-weight: 700;
  color: #10183b;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.vp-feat-title-icon {
  color: #569e32;
}

.vp-app-title-icon {
  color: #10183b;
}

.vp-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13.5px;
  color: #334155;
  margin-bottom: 10px;
  line-height: 1.4;
}

.vp-feature-box .fa-circle-check {
  color: #569e32;
  font-size: 13px;
  margin-top: 3px;
  flex-shrink: 0;
}

.vp-feature-box .fa-arrow-right {
  color: #10183b;
  font-size: 11px;
  margin-top: 4px;
  flex-shrink: 0;
}

@media screen and (max-width: 640px) {
  .vp-feature-boxes-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
}

/* ==========================================================================
   CASE STUDIES HERO: SPLIT LAYOUT (LEFT: TITLE/SUBTITLE | RIGHT: CARD IMAGE)
   ========================================================================== */
body.admin-bar .single-post .vp-hero-inner.vp-cs-hero,
body.admin-bar .single-post .vp-hero.vp-cs-hero,
body.admin-bar .vp-hero.vp-cs-hero,
.single .vp-hero.vp-cs-hero,
.single-post .vp-hero.vp-cs-hero,
.vp-hero.vp-hero-inner.vp-cs-hero,
body.single .vp-cs-hero,
.vp-cs-hero {
  background-image: url('../../uploads/machines/pharmaceutical-eye-drop-filling-machine.webp') !important;
  background-size: cover !important;
  background-position: 50% 25% !important;
  background-repeat: no-repeat !important;
  width: 100% !important;
  height: auto !important;
  min-height: 340px !important;
  max-height: none !important;
  padding: 42px 0 38px 0 !important;
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: visible !important;
}

.vp-cs-hero-container {
  width: 95% !important;
  max-width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 clamp(20px, 3vw, 80px) !important;
  padding-top: 8px !important;
}

.vp-cs-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  gap: clamp(24px, 4vw, 80px) !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.vp-cs-hero-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  max-width: 1100px !important;
}

.vp-cs-hero-content .vp-hero-title {
  color: #ffffff !important;
  font-size: clamp(26px, 2.3vw, 46px) !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 14px 0 !important;
  text-shadow: 0 2px 10px rgba(0,0,0,0.3) !important;
}

.vp-cs-hero-content .vp-hero-desc {
  color: #cbd5e1 !important;
  font-size: clamp(14.5px, 1.1vw, 20px) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 950px !important;
}

.vp-cs-hero-image-col {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.vp-cs-hero-image-card {
  width: 100% !important;
  max-width: clamp(460px, 26vw, 650px) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.45) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
  background: #ffffff !important;
  padding: clamp(10px, 1vw, 16px) !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: auto !important;
  margin: 0 !important;
}

.vp-cs-hero-img {
  width: 100% !important;
  height: auto !important;
  max-height: clamp(240px, 15vw, 360px) !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  margin: 0 !important;
}

@media screen and (min-width: 1920px) {
  .vp-cs-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
  }
}

@media screen and (min-width: 2500px) {
  .vp-cs-hero-container {
    width: 95% !important;
    max-width: 95vw !important;
    padding-left: clamp(32px, 3.5vw, 90px) !important;
    padding-right: clamp(32px, 3.5vw, 90px) !important;
  }
}

@media screen and (max-width: 900px) {
  .vp-cs-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }
  .vp-cs-hero-image-col {
    justify-content: center !important;
  }
  .vp-cs-hero-image-card {
    max-width: 100% !important;
  }
}

/* 
==========================================================================
   TABLE OF CONTENTS & HEADINGS ANCHOR SCROLL PRECISION
========================================================================== */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px !important;
}

body.admin-bar {
  scroll-padding-top: 138px !important;
}

@media screen and (max-width: 768px) {
  html {
    scroll-padding-top: 80px !important;
  }
  body.admin-bar {
    scroll-padding-top: 126px !important;
  }
}

.page-content h1[id],
.page-content h2[id],
.page-content h3[id],
.page-content h4[id],
.blog-single-post-left h1[id],
.blog-single-post-left h2[id],
.blog-single-post-left h3[id],
.blog-single-post-left h4[id],
.blog-single-content h2[id],
.blog-single-content h3[id],
.entry-content h2[id],
.entry-content h3[id],
h2[id],
h3[id],
span.ez-toc-section {
  scroll-margin-top: 105px !important;
}

body.admin-bar .page-content h1[id],
body.admin-bar .page-content h2[id],
body.admin-bar .page-content h3[id],
body.admin-bar .page-content h4[id],
body.admin-bar .blog-single-post-left h1[id],
body.admin-bar .blog-single-post-left h2[id],
body.admin-bar .blog-single-post-left h3[id],
body.admin-bar .blog-single-post-left h4[id],
body.admin-bar .blog-single-content h2[id],
body.admin-bar .blog-single-content h3[id],
body.admin-bar .entry-content h2[id],
body.admin-bar .entry-content h3[id],
body.admin-bar h2[id],
body.admin-bar h3[id],
body.admin-bar span.ez-toc-section {
  scroll-margin-top: 138px !important;
}

@media screen and (max-width: 768px) {
  .page-content h1[id],
  .page-content h2[id],
  .page-content h3[id],
  .page-content h4[id],
  .blog-single-post-left h1[id],
  .blog-single-post-left h2[id],
  .blog-single-post-left h3[id],
  .blog-single-post-left h4[id],
  .blog-single-content h2[id],
  .blog-single-content h3[id],
  h2[id],
  h3[id],
  span.ez-toc-section {
    scroll-margin-top: 80px !important;
  }
  body.admin-bar .page-content h1[id],
  body.admin-bar .page-content h2[id],
  body.admin-bar .page-content h3[id],
  body.admin-bar .page-content h4[id],
  body.admin-bar .blog-single-post-left h1[id],
  body.admin-bar .blog-single-post-left h2[id],
  body.admin-bar .blog-single-post-left h3[id],
  body.admin-bar .blog-single-post-left h4[id],
  body.admin-bar .blog-single-content h2[id],
  body.admin-bar .blog-single-content h3[id],
  body.admin-bar h2[id],
  body.admin-bar h3[id],
  body.admin-bar span.ez-toc-section {
    scroll-margin-top: 126px !important;
  }
}

/* ==========================================================================
   MOBILE SECTION TITLES MATCHING SRE (sremhepvtltd.in)
   Balanced wrapping: 1 line if short, neat 2 lines if long (no orphan words/punctuation)
   ========================================================================== */
@media screen and (max-width: 768px) {
  .vp-section-title,
  h2.vp-section-title,
  .elementor-widget-vedax_company_values h2,
  .elementor-widget-vedax_company_values .vp-section-title,
  .vp-title-wrap .vp-section-title,
  .vp-specs-section-wrap .vp-title-wrap .vp-section-title,
  .vp-specs-section-wrap h2.vp-section-title,
  .vp-facility-title-wrap .vp-section-title,
  .vp-features-section-wrap .vp-title-wrap .vp-section-title,
  .vp-industry-title-wrap .vp-section-title,
  .vp-about-section-wrap .vp-section-title,
  .vp-contact-col-left .vp-section-title,
  .vp-product-showcase-left .vp-section-title,
  .vp-product-overview-left .vp-section-title,
  .vp-section h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .vp-section-alt h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .site-main h2:not(.vp-hero h2):not(.vp-company-callout h2),
  .elementor-widget-heading .elementor-heading-title,
  .blog-single-post-left .page-content h2,
  .blog-single-content h2,
  .page-content h2,
  .entry-content h2,
  .vdx-lu-main-article-content h2,
  .vdx-lu-body-card h2,
  .vdx-single-lu-main h2,
  h2[id],
  h2 {
    font-size: clamp(20px, 5.2vw, 22px) !important;
    line-height: 1.32 !important;
    font-weight: 800 !important;
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  .blog-single-post-left .page-content h3,
  .blog-single-content h3,
  .page-content h3,
  .entry-content h3,
  .vdx-lu-main-article-content h3,
  .vdx-lu-body-card h3,
  .vdx-single-lu-main h3,
  .site-main h3:not(.vp-hero h3):not(.vp-cta-box h3),
  h3[id],
  h3 {
    font-size: clamp(17px, 4.4vw, 18.5px) !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    white-space: normal !important;
    box-sizing: border-box !important;
  }

  /* Single post article body headings must be left-aligned on mobile matching SRE */
  .blog-single-post-left .page-content h2,
  .blog-single-post-left .page-content h3,
  .blog-single-content h2,
  .blog-single-content h3,
  .page-content h2,
  .page-content h3,
  .entry-content h2,
  .entry-content h3,
  .vdx-lu-main-article-content h2,
  .vdx-lu-main-article-content h3,
  .vdx-lu-body-card h2,
  .vdx-lu-body-card h3 {
    text-align: left !important;
  }
}

@media screen and (max-width: 480px) {
  .vp-section-title,
  h2.vp-section-title,
  .elementor-widget-vedax_company_values h2,
  .elementor-widget-vedax_company_values .vp-section-title,
  .vp-title-wrap .vp-section-title,
  .blog-single-post-left .page-content h2,
  .blog-single-content h2,
  .page-content h2,
  .entry-content h2,
  .vdx-lu-main-article-content h2,
  .vdx-lu-body-card h2,
  .vdx-single-lu-main h2,
  h2[id],
  h2 {
    font-size: clamp(19px, 4.8vw, 21.5px) !important;
    line-height: 1.3 !important;
  }

  .blog-single-post-left .page-content h3,
  .blog-single-content h3,
  .page-content h3,
  .entry-content h3,
  .vdx-lu-main-article-content h3,
  .vdx-lu-body-card h3,
  .vdx-single-lu-main h3,
  h3[id],
  h3 {
    font-size: clamp(16.5px, 4.2vw, 18px) !important;
    line-height: 1.35 !important;
  }
}

/* ==========================================================================
   ALL PAGES TITLE SECTION BOLD SETTING (font-weight: 800 / Bold)
   Ensures all Hero titles, Section titles, and Page headings are prominently bold
   ========================================================================== */
.vp-hero-title,
.vp-hero-inner .vp-hero-title,
.vp-hero-banner .vp-hero-title,
.vp-hero-banner h1,
.blog-single-hero .vp-hero-title,
.blog-single-title,
.vdx-lu-main-title,
.sre-hero-modern-title,
.vp-section-title,
h2.vp-section-title,
.vp-title-wrap .vp-section-title,
.vp-title-wrap h2,
.vp-specs-section-wrap .vp-title-wrap .vp-section-title,
.vp-specs-section-wrap h2.vp-section-title,
.vp-facility-title-wrap .vp-section-title,
.vp-features-section-wrap .vp-title-wrap .vp-section-title,
.vp-industry-title-wrap .vp-section-title,
.vp-about-section-wrap .vp-section-title,
.vp-contact-col-left .vp-section-title,
.vp-product-showcase-left .vp-section-title,
.vp-product-overview-left .vp-section-title,
.elementor-widget-vedax_company_values h2,
.elementor-widget-vedax_company_values .vp-section-title,
.elementor-widget-vedax_products_carousel .vp-section-title,
.elementor-widget-vedax_facility_highlights .vp-section-title,
.elementor-widget-vedax_facility_machinery .vp-section-title,
.elementor-widget-vedax_feature_cards .vp-section-title,
.vp-section h1,
.vp-section h2,
.vp-section-alt h1,
.vp-section-alt h2,
.site-main h1,
.site-main h2,
.elementor-heading-title,
.blog-single-post-left .page-content h2,
.blog-single-content h2,
.page-content h2,
.entry-content h2,
.vdx-lu-main-article-content h2,
.vdx-lu-body-card h2,
.vdx-single-lu-main h2,
h1,
h2,
h2[id] {
  font-weight: 800 !important;
}

.blog-single-post-left .page-content h3,
.blog-single-content h3,
.page-content h3,
.entry-content h3,
.vdx-lu-main-article-content h3,
.vdx-lu-body-card h3,
.vdx-single-lu-main h3,
.vp-section h3,
.vp-section-alt h3,
.site-main h3,
h3,
h3[id] {
  font-weight: 750 !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE OVERFLOW & TABLE SAFETY
   Ensures zero horizontal scrolling on mobile screens
   ========================================================================== */
@media screen and (max-width: 768px) {
  .blog-single-post-left .page-content table,
  .blog-single-content table,
  .page-content table,
  .entry-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  pre, code {
    white-space: pre-wrap !important;
    word-break: break-word !important;
    overflow-x: auto !important;
  }

  iframe, video {
    max-width: 100% !important;
  }
}

/* ==========================================================================
   WIDE SCREEN RESPONSIVE (min-width: 1400px up to 4K / 3840px):
   Logo aligned to the LEFT side strictly on wide screens
   ========================================================================== */
@media screen and (min-width: 1400px) {
  .vp-header,
  #site-header,
  #masthead,
  header#masthead,
  .ehf-header #masthead,
  .elementor-714 {
    width: 100% !important;
    max-width: 100% !important;
  }

  .vp-header-container,
  .vp-header .vp-container,
  .vp-header .vp-header-container,
  #site-header .vp-header-container,
  .elementor-714 .elementor-element-sec_header_root > .elementor-container,
  .elementor-714 .elementor-element-sec_header_main > .elementor-container,
  header#masthead .elementor-container,
  .ehf-header #masthead .elementor-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vp-nav-inner,
  .vp-header .vp-nav-inner,
  #site-header .vp-nav-inner {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: clamp(32px, 3.5vw, 80px) !important;
    padding-right: clamp(32px, 3.5vw, 80px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .vp-brand-logo,
  .vp-header .vp-brand-logo,
  #site-header .vp-brand-logo,
  .elementor-714 .elementor-element-col_header_logo,
  header#masthead .elementor-element-col_header_logo {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
    align-self: center !important;
  }

  .vp-brand-logo img,
  #site-header .vp-brand-logo img,
  .vp-header .vp-brand-logo img,
  .elementor-714 .elementor-element-w_header_logo img,
  header#masthead .elementor-element-w_header_logo img {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .vp-desktop-nav,
  .vp-header .vp-desktop-nav,
  #site-header .vp-desktop-nav,
  .elementor-714 .vp-desktop-nav,
  .elementor-widget-vedax_site_header .vp-desktop-nav,
  .elementor-714 .elementor-element-col_header_nav,
  header#masthead .elementor-element-col_header_nav {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    z-index: 5 !important;
  }

  .vp-nav-menu,
  .vp-desktop-nav .vp-nav-menu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .vp-nav-item {
    position: relative !important;
  }

  .vp-dropdown {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    min-width: 260px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #edf2f7 !important;
    padding: 12px 0 !important;
    margin: 0 !important;
    list-style: none !important;
    z-index: 999999 !important;
    text-align: left !important;
  }

  .vp-dropdown li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: none !important;
    text-align: left !important;
  }

  .vp-dropdown li a {
    display: block !important;
    padding: 8px 24px !important;
    font-size: 14.5px !important;
    color: #1e293b !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;
    border-radius: 0 !important;
    white-space: nowrap !important;
    background: transparent !important;
    text-decoration: none !important;
    text-align: left !important;
    transition: color 0.15s ease, background 0.15s ease !important;
  }

  .vp-dropdown li a:hover,
  .vp-dropdown li a:focus,
  .vp-dropdown li.current-menu-item > a,
  .vp-dropdown li:hover > a {
    color: #569e32 !important;
    background-color: #f8fafc !important;
    padding-left: 24px !important;
  }

  .vp-dropdown.vp-dropdown-products {
    min-width: 270px !important;
    max-height: min(85vh, 720px) !important;
    overflow-y: auto !important;
  }
}

@media screen and (min-width: 1920px) {
  .vp-nav-inner,
  .vp-header .vp-nav-inner,
  #site-header .vp-nav-inner {
    padding-left: clamp(40px, 4vw, 100px) !important;
    padding-right: clamp(40px, 4vw, 100px) !important;
  }
}

@media screen and (min-width: 2500px) {
  .vp-nav-inner,
  .vp-header .vp-nav-inner,
  #site-header .vp-nav-inner {
    padding-left: clamp(60px, 4.5vw, 140px) !important;
    padding-right: clamp(60px, 4.5vw, 140px) !important;
  }
}

/* ==========================================================================
   Global Floating Download Tab (Right-Edge Centered on All Pages - Logo Theme)
   ========================================================================== */
.vp-floating-download {
  position: fixed !important;
  right: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 99998 !important;
  display: block !important;
  line-height: 1 !important;
}

.vp-floating-download-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(180deg, #569e32 0%, #468729 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  padding: 14px 10px !important;
  border-radius: 0 8px 8px 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  transform: rotate(180deg) !important;
  user-select: none !important;
  border: none !important;
  outline: none !important;
}

.vp-floating-download-btn:hover,
.vp-floating-download-btn:focus {
  background: linear-gradient(180deg, #468729 0%, #386f20 100%) !important;
  color: #ffffff !important;
  transform: rotate(180deg) translateX(4px) !important;
  box-shadow: none !important;
  border: none !important;
}

.vp-floating-download-btn .vp-fdownload-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 15px !important;
  height: 15px !important;
  transform: rotate(90deg) !important;
  transition: transform 0.25s ease !important;
}

.vp-floating-download-btn:hover .vp-fdownload-icon {
  transform: rotate(90deg) translateX(2px) !important;
}

.vp-floating-download-btn .vp-fdownload-icon svg {
  width: 100% !important;
  height: 100% !important;
  fill: #ffffff !important;
}

/* Wide Screen (>= 1400px up to 4K / 3840px): Perfectly centered on the right edge */
@media screen and (min-width: 1400px) {
  .vp-floating-download {
    top: 50% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }
  .vp-floating-download-btn {
    font-size: 13.5px !important;
    padding: 16px 11px !important;
    letter-spacing: 1.8px !important;
  }
}

/* Mobile / Phone Screen (<= 767px): Sleek, compact and comfortable */
@media screen and (max-width: 767px) {
  .vp-floating-download {
    top: 48% !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }
  .vp-floating-download-btn {
    padding: 10px 7px !important;
    font-size: 11px !important;
    letter-spacing: 1px !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: none !important;
    border: none !important;
  }
  .vp-floating-download-btn .vp-fdownload-icon {
    width: 13px !important;
    height: 13px !important;
  }
}