.elementor-kit-7{--e-global-color-klg-primary:#16A34A;--e-global-color-klg-primary-strong:#15803D;--e-global-color-klg-primary-vivid:#22C55E;--e-global-color-klg-primary-soft:#DCFCE7;--e-global-color-klg-primary-tint:#F0FDF4;--e-global-color-klg-ink:#0A1F14;--e-global-color-klg-text:#111827;--e-global-color-klg-text-muted:#4B5563;--e-global-color-klg-secondary:#2563EB;--e-global-color-klg-white:#FFFFFF;--e-global-color-klg-bg-subtle:#F9FAFB;--e-global-color-klg-border:#E5E7EB;--e-global-typography-body-font-family:"Open Sans";--e-global-typography-body-font-size:17px;--e-global-typography-body-font-weight:400;--e-global-typography-body-line-height:1.65em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:700;--e-global-typography-headline-font-family:"Inter";--e-global-typography-headline-font-weight:800;--e-global-typography-headline-letter-spacing:-0.02em;--e-global-typography-subheadline-font-family:"Inter";--e-global-typography-subheadline-font-weight:600;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-klg-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ================================================
   KLG Management — Global Elementor Styles
   ================================================ */

/* Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap");

/* Body typography */
body {
  font-family: "Open Sans", system-ui, -apple-system, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  color: #111827;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
  font-family: "Inter", system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.1;
}

/* Body padding for fixed header */
body { padding-top: 72px !important; }

/* Fixed header */
#klg-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  z-index: 9999 !important;
  background: #fff !important;
  box-shadow: 0 2px 16px rgba(10,31,20,0.08) !important;
}

/* Nav menu dropdowns */
.elementor-nav-menu--dropdown .sub-menu,
.elementor-nav-menu .sub-menu {
  border-radius: 12px !important;
  box-shadow: 0 10px 28px rgba(10,31,20,0.12) !important;
  border: 1px solid #E5E7EB !important;
  overflow: hidden;
  min-width: 220px;
}

/* Button transitions */
.elementor-button {
  transition: filter 0.18s ease, transform 0.15s ease, box-shadow 0.18s ease !important;
}
.elementor-button:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
}
.elementor-button:active { transform: scale(0.97); }

/* Mega menu panel */
.klg-mega-menu {
  background: #FFFFFF;
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(10,31,20,0.14);
  border: 1px solid #E5E7EB;
  padding: 32px;
}
.klg-mega-card {
  background: #F9FAFB;
  border-radius: 12px;
  padding: 20px;
  transition: background 0.18s ease, box-shadow 0.18s ease;
}
.klg-mega-card:hover {
  background: #F0FDF4;
  box-shadow: 0 4px 12px rgba(22,163,74,0.1);
}

/* Responsive */
@media (max-width: 1024px) {
  body { padding-top: 64px !important; }
}
@media (max-width: 767px) {
  body { padding-top: 64px !important; }
}/* End custom CSS */