.elementor-kit-6{--e-global-color-primary:#00454E;--e-global-color-secondary:#00C3CA;--e-global-color-text:#006672;--e-global-color-accent:#050F11;--e-global-color-9a93afd:#091619;--e-global-color-444a35c:#F5FAFA;--e-global-color-59bc9c9:#FFFFFF;--e-global-color-578b449:#071417;--e-global-color-f56b986:#5C8488;--e-global-typography-primary-font-family:"Urbanist";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Urbanist";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Mulish";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Urbanist";--e-global-typography-accent-font-weight:800;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.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 *//* All PT365 tokens are loaded via the child theme functions.php.
   You can reference them anywhere in Elementor Custom CSS like: */
.elementor-kit-6 {
  background: var(--pt-teal-700);
  color: var(--pt-teal-300);
  border-radius: var(--pt-radius-xl);
  box-shadow: var(--pt-shadow-lg);
  font-family: var(--pt-font-display);
}

/* ============================================================
   PowerTech365 — Elementor Global Custom CSS
   Paste this into: Elementor → Site Settings → Custom CSS
   ============================================================ */

/* ── Reset Elementor's default button skin ───────────────────── */
.elementor-widget-button .elementor-button {
  border-radius: 14px !important;
  font-family: 'Urbanist', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0.01em !important;
  transition: all 0.25s cubic-bezier(0.16,1,0.3,1) !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── PRIMARY — teal fill, dark text ─────────────────────────── */
.elementor-widget-button .elementor-button.pt-btn-primary {
  background: #00C3CA !important;
  color: #050F11 !important;
  border: none !important;
  box-shadow: 0 12px 36px rgba(0,195,202,0.28) !important;
}
.elementor-widget-button .elementor-button.pt-btn-primary:hover {
  background: #7DE8EC !important;
  color: #050F11 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 16px 48px rgba(0,195,202,0.36) !important;
}

/* ── OUTLINE DARK — transparent, white border (dark sections) ── */
.elementor-widget-button .elementor-button.pt-btn-outline-dark {
  background: rgba(255,255,255,0.06) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.28) !important;
  box-shadow: none !important;
}
.elementor-widget-button .elementor-button.pt-btn-outline-dark:hover {
  background: rgba(255,255,255,0.14) !important;
  border-color: rgba(255,255,255,0.50) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

/* ── OUTLINE TEAL — transparent, teal border (light sections) ── */
.elementor-widget-button .elementor-button.pt-btn-outline-teal {
  background: transparent !important;
  color: #00454E !important;
  border: 1.5px solid #00B3BC !important;
  box-shadow: none !important;
}
.elementor-widget-button .elementor-button.pt-btn-outline-teal:hover {
  background: #EAF9FA !important;
  color: #00454E !important;
  transform: translateY(-2px) !important;
}

/* ── WHITE — white fill (teal/dark section CTA) ──────────────── */
.elementor-widget-button .elementor-button.pt-btn-white {
  background: #ffffff !important;
  color: #003640 !important;
  border: none !important;
  box-shadow: 0 8px 28px rgba(0,0,0,0.18) !important;
}
.elementor-widget-button .elementor-button.pt-btn-white:hover {
  background: #00C3CA !important;
  color: #050F11 !important;
  transform: translateY(-2px) !important;
}

/* ── GHOST — minimal, subtle border ─────────────────────────── */
.elementor-widget-button .elementor-button.pt-btn-ghost {
  background: transparent !important;
  color: #00929F !important;
  border: 1px solid rgba(0,195,202,0.30) !important;
  box-shadow: none !important;
}
.elementor-widget-button .elementor-button.pt-btn-ghost:hover {
  background: #EAF9FA !important;
  color: #00454E !important;
}

/* ── SIZES ───────────────────────────────────────────────────── */
.elementor-widget-button .elementor-button.pt-btn-sm {
  padding: 0.58rem 1.25rem !important;
  font-size: 0.82rem !important;
}
.elementor-widget-button .elementor-button.pt-btn-lg {
  padding: 1.05rem 2.4rem !important;
  font-size: 1rem !important;
}
.elementor-widget-button .elementor-button.pt-btn-xl {
  padding: 1.2rem 2.8rem !important;
  font-size: 1.08rem !important;
}

/* ── PILL shape ──────────────────────────────────────────────── */
.elementor-widget-button .elementor-button.pt-btn-pill {
  border-radius: 100px !important;
}

/* ── SHIMMER on hover ────────────────────────────────────────── */
.elementor-widget-button .elementor-button.pt-btn-shimmer {
  position: relative !important;
  overflow: hidden !important;
}
.elementor-widget-button .elementor-button.pt-btn-shimmer::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(45deg, transparent 40%, rgba(255,255,255,0.22) 50%, transparent 60%) !important;
  transform: translateX(-100%) !important;
  transition: transform 0.45s !important;
  pointer-events: none !important;
}
.elementor-widget-button .elementor-button.pt-btn-shimmer:hover::after {
  transform: translateX(100%) !important;
}

/* ── Heading fonts ───────────────────────────────────────────── */
.elementor-widget-heading .elementor-heading-title {
  font-family: 'Urbanist', system-ui, sans-serif !important;
  letter-spacing: -0.025em !important;
}

/* ── Eyebrow label ───────────────────────────────────────────── */
.elementor-widget-heading .elementor-heading-title.pt-eyebrow {
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: #006672 !important;
}/* End custom CSS */