.elementor-kit-4714{--e-global-color-primary:#1A73E8;--e-global-color-secondary:#1558B0;--e-global-color-text:#202124;--e-global-color-accent:#FF5722;--e-global-color-830903d:#5F6368;--e-global-color-23893ec:#F8F9FA;--e-global-color-05fd3f1:#DADCE0;--e-global-color-0c147bf:#0D3480;--e-global-color-7a127a7:#1A4799;--e-global-color-dc0cb24:#E2E8F0;--e-global-color-b1ue1ed:#E0F7FA;--e-global-color-8ad9034:#0D3480;--e-global-color-9e110a7:#F4B400;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-8f89fbf-font-family:"DM Sans";--e-global-typography-8f89fbf-font-size:12px;--e-global-typography-8f89fbf-font-weight:600;--e-global-typography-8f89fbf-text-transform:uppercase;--e-global-typography-8f89fbf-letter-spacing:1.5px;--e-global-typography-a1dc7a9-font-family:"Plus Jakarta Sans";--e-global-typography-a1dc7a9-font-size:14px;--e-global-typography-a1dc7a9-font-weight:600;--e-global-typography-a1dc7a9-text-transform:uppercase;--e-global-typography-a1dc7a9-letter-spacing:0.5px;}.elementor-kit-4714 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;}.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);}@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 *//* === HEADER LAYOUT FIXES (added v3 2026-05-06) === */
@media(min-width:1025px) {
  /* Main row layout: logo + nav left-pack near logo + CTA at far right */
  .elementor-5052 .elementor-element-4f20d673 {
    justify-content: flex-start !important;
  }
  /* Nav: NOT growing — items pack natural right after logo */
  .elementor-5052 .elementor-element-7bd6f161 {
    flex-grow: 0 !important;
    justify-content: flex-start !important;
  }
  /* CTA col: pushed to far right via auto margin */
  .elementor-5052 .elementor-element-1560c3e5 {
    flex-grow: 0 !important;
    margin-left: auto !important;
  }
}
/* Mobile: hide GP + WA, compact CTA, compact pre-header */
@media(max-width:1024px) {
  .oas-hide-mob, .oas-header-gp { display: none !important; }
  .oas-cta-mob .elementor-button {
    padding: 8px 12px !important; font-size: 12px !important; white-space: nowrap !important;
  }
  .oas-preh { font-size: 11px !important; padding: 4px 8px !important; line-height: 1.3 !important; }
}
@media(max-width:480px) {
  /* Replace CTA text via pseudo: shorter on small mobile */
  .oas-cta-mob .elementor-button-text { font-size: 0 !important; }
  .oas-cta-mob .elementor-button-text::after {
    content: "Audit Gratis →";
    font-size: 12px !important; font-weight: 700 !important;
  }
  .oas-cta-mob .elementor-button { padding: 7px 12px !important; }
  .oas-preh { font-size: 10px !important; }
}

/* Mobile hamburger position — push to LEFT of CTA group */
@media(max-width:1024px) {
  .oas-main-header .elementor-element-7bd6f161 {
    flex-grow: 0 !important;
    margin-right: auto !important;
  }
  .oas-main-header .elementor-element-1560c3e5 {
    flex-grow: 0 !important;
    margin-left: 0 !important;
  }
  /* Logo column compact */
  .oas-main-header .elementor-element-13caaf35 {
    flex-grow: 0 !important;
  }
}

/* Pre-header (oas-preh) text — globally white on blue BG, no inline override */
.oas-preh, .oas-preh p, .oas-preh a, .oas-preh span, .oas-preh strong {
  color: #FFFFFF !important;
}
.oas-preh a:hover { color: #FBBC04 !important; text-decoration: none !important; }
.oas-preh p { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 500 !important; }


/* === MEGA MENU POLISH v2 (2026-05-17) — 4-column proper hierarchy === */
/* Layanan parent dropdown — flex 4-column layout */
.oas-mega-parent .sub-menu,
.elementor-element .oas-mega-parent > .sub-menu {
  display: flex !important;
  flex-direction: row !important;
  gap: 32px !important;
  padding: 32px 40px !important;
  min-width: 920px !important;
  width: max-content !important;
  background: #FFFFFF !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
  border-radius: 12px !important;
  border-top: 3px solid #1A73E8 !important;
}

/* Each category column */
.oas-mega-parent .sub-menu > li {
  flex: 0 0 auto !important;
  min-width: 180px !important;
  list-style: none !important;
}

/* Category header (PAID ADS, ORGANIC GROWTH, etc) */
.oas-mega-parent .sub-menu > li > a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  color: #1A73E8 !important;
  cursor: default !important;
  pointer-events: none !important;
  padding: 0 0 8px 0 !important;
  border-bottom: 1px solid rgba(26,115,232,0.15) !important;
  margin-bottom: 12px !important;
  display: block !important;
  background: transparent !important;
}

/* Nested sub-sub menu (services under category) — show always */
.oas-mega-parent .sub-menu > li > .sub-menu {
  display: block !important;
  position: static !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-width: auto !important;
  width: 100% !important;
  border: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

/* Service item (inside category) */
.oas-mega-parent .sub-menu > li > .sub-menu > li {
  display: block !important;
}
.oas-mega-parent .sub-menu > li > .sub-menu > li > a {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #202124 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  transition: all 0.2s ease !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  display: block !important;
  text-decoration: none !important;
}
.oas-mega-parent .sub-menu > li > .sub-menu > li > a:hover {
  background: #E0F7FA !important;
  color: #1A73E8 !important;
  transform: translateX(2px) !important;
}

/* CTA items special (Audit Gratis, Analisis SEO) */
.oas-menu-cta > a {
  color: #FF5722 !important;
  font-weight: 700 !important;
}
.oas-menu-cta > a::after {
  content: " →";
  font-weight: 800 !important;
}
.oas-menu-cta > a:hover {
  background: #FFF3F0 !important;
  color: #FF5722 !important;
}

/* Mobile responsive */
@media (max-width: 1024px) {
  .oas-mega-parent .sub-menu {
    min-width: auto !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 16px 20px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
  .oas-mega-parent .sub-menu > li {
    min-width: auto !important;
  }
}


/* === MEGA MENU FIX (2026-05-17) — explicit overrides === */
/* Force lowercase + remove markers + better spacing */
.oas-mega-parent .sub-menu > li > .sub-menu > li > a {
  text-transform: none !important;
  text-decoration: none !important;
}
.oas-mega-parent .sub-menu > li > .sub-menu > li::before,
.oas-mega-parent .sub-menu > li::before,
.oas-mega-parent .sub-menu .sub-menu li::marker {
  content: none !important;
  display: none !important;
}
.oas-mega-parent .sub-menu .sub-menu li {
  list-style: none !important;
  background: transparent !important;
}
/* Hide sub-menu arrow icon */
.oas-mega-parent .sub-menu .sub-menu-toggle,
.oas-mega-parent .sub-menu i.elementor-menu-toggle__icon {
  display: none !important;
}

/* Constrain max-width supaya tidak overflow */
.oas-mega-parent .sub-menu {
  max-width: 1100px !important;
  min-width: 880px !important;
}
.oas-mega-parent .sub-menu > li {
  min-width: 200px !important;
  flex: 1 1 0 !important;
}

/* Heading text wrap fix */
.oas-mega-parent .sub-menu > li > a {
  white-space: nowrap !important;
}


/* === MEGA MENU FIX v4 (2026-05-17) — hide Astra arrow icons === */
.oas-mega-parent .ast-icon,
.oas-mega-parent .ast-icon.icon-arrow,
.oas-mega-parent .ast-arrow-svg,
.oas-mega-parent svg.ast-arrow-svg,
.oas-mega-parent .menu-link > .ast-icon {
  display: none !important;
}
/* Service link: trim padding-left since no icon anymore */
.oas-mega-parent .sub-menu > li > .sub-menu > li > a.menu-link {
  padding-left: 8px !important;
}


/* === MEGA MENU FIX v5 (2026-05-17) — kill old decorative ::before squares === */
/* Existing WPCode CSS adds colored ::before squares per nth-child column.
   Hide them — they're visual clutter for new design */
.oas-nav-menu li.oas-mega-parent .sub-menu > li > a::before,
.oas-nav-menu li.oas-mega-parent .sub-menu > li > a::after,
.oas-mega-parent .sub-menu .menu-link::before,
.oas-mega-parent .sub-menu li > a::before,
.oas-mega-parent .menu-link::before {
  display: none !important;
  content: none !important;
  background: transparent !important;
  width: 0 !important;
  height: 0 !important;
}


/* === MEGA MENU HOVER FIX v6 (2026-05-17) — fix stays-open bug === */
/* Default: hide submenu */
.oas-nav-menu li.oas-mega-parent > .sub-menu,
.oas-mega-parent > .sub-menu {
  display: none !important;
  opacity: 0;
  transition: opacity 0.2s ease;
}
/* Show on hover/focus only */
.oas-nav-menu li.oas-mega-parent:hover > .sub-menu,
.oas-mega-parent:hover > .sub-menu,
.oas-nav-menu li.oas-mega-parent:focus-within > .sub-menu,
.oas-mega-parent:focus-within > .sub-menu {
  display: flex !important;
  opacity: 1;
}
/* Nav parent container needs relative positioning for portal absolute child */
.elementor-element-7bd6f161 {
  position: relative !important;
}

/* Hide native Layanan submenu (V1 CSS-based dropdown) — V2-B replaces it */
.oas-nav-menu li.oas-mega-parent > .sub-menu,
.elementor-5052 .oas-mega-parent > .sub-menu {
  display: none !important;
}

/* Portal: absolute positioned shortcode embed of saved section 5122 */
.oas-megamenu-portal {
  position: absolute !important;
  top: 100% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  display: none !important;
  min-width: 920px !important;
  margin-top: 4px !important;
}
/* Show portal when triggered via JS class OR :has() in modern browsers */
.oas-megamenu-portal.oas-megamenu-open,
.elementor-element-7bd6f161:has(.oas-mega-parent:hover) .oas-megamenu-portal,
.oas-megamenu-portal:hover {
  display: block !important;
}

/* Mobile: hide portal, show native submenu instead */
@media (max-width: 1024px) {
  .elementor-5052 .oas-mega-parent > .sub-menu {
    display: block !important;
  }
  .oas-megamenu-portal {
    display: none !important;
  }
}


/* === MEGA MENU V2-B PORTAL (2026-05-18 v2) — fix cut-off + center properly === */
/* Header root container needs relative positioning for portal absolute child */
.elementor-5052 .oas-main-header,
.elementor-5052 > .elementor-section,
.elementor-5052 > section,
.elementor-5052 > .e-con {
  position: relative !important;
}

/* Hide native Layanan submenu — replaced by portal */
.oas-nav-menu li.oas-mega-parent > .sub-menu,
.elementor-5052 .oas-mega-parent > .sub-menu {
  display: none !important;
}

/* Portal: full-page width, centered properly under header */
.oas-megamenu-portal {
  position: fixed !important;
  top: 110px !important;  /* approximate header height */
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  display: none !important;
  width: max-content !important;
  max-width: calc(100vw - 32px) !important;
  margin-top: 0 !important;
}
.oas-megamenu-portal.oas-megamenu-open,
.oas-megamenu-portal:hover {
  display: block !important;
}

/* Mobile: hide portal, show native submenu instead */
@media (max-width: 1024px) {
  .elementor-5052 .oas-mega-parent > .sub-menu { display: block !important; }
  .oas-megamenu-portal { display: none !important; }
}
/* Pre-header bar pakai dark blue BG — text WAJIB white safe-on-dark */
.oas-preh,
.oas-preh p,
.oas-preh a,
.oas-preh span,
.oas-preh strong,
.oas-preh div {
  color: #FFFFFF !important;
}
.oas-preh a {
  color: #FFFFFF !important;
  text-decoration: none !important;
}
.oas-preh a:hover {
  color: #F4B400 !important;
  text-decoration: underline !important;
}
/* Specific override on inline color in editor HTML for cities link */
.oas-preh [style*="color:"] {
  color: inherit !important;
}

/* === HEADER CTA BUTTONS ALIGNMENT (rata kanan) === */
.elementor-5052 .elementor-element-1560c3e5 {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.elementor-5052 .elementor-element-1560c3e5 .elementor-widget-button {
  margin: 0 !important;
}
/* === TRUST PILL "237+ bisnis" GLOW STYLING (kit-level fallback) === */
.oas-trust-pill {
  display: inline-block !important;
  animation: oasPillGlow 3s ease-in-out infinite !important;
}
@keyframes oasPillGlow {
  0%, 100% { box-shadow: 0 4px 24px rgba(26,115,232,0.15); }
  50% { box-shadow: 0 4px 32px rgba(26,115,232,0.3); }
}

/* === Verifikasi Google heading: hover effect since now linked === */
.elementor-5052 .elementor-element-babe9d7:hover .elementor-heading-title,
.elementor-element-babe9d7 a:hover {
  color: #1A73E8 !important;
  text-decoration: underline !important;
  cursor: pointer !important;
}


/* === PRE-HEADER TEXT CONTRAST FIX v2 (2026-05-19) — use actual element IDs === */
.elementor-element-f6b1028,
.elementor-element-f6b1028 *,
.elementor-element-f6b1028 p,
.elementor-element-f6b1028 a,
.elementor-element-f6b1028 span,
.elementor-element-6ea2bf1c,
.elementor-element-6ea2bf1c *,
.elementor-element-67e43074,
.elementor-element-67e43074 * {
  color: #FFFFFF !important;
}
.elementor-element-f6b1028 a:hover {
  color: #F4B400 !important;
  text-decoration: underline !important;
}

/* === MOBILE 3-ZONE LAYOUT v2 (2026-05-19) — hamburger left, logo center, CTA right === */
/* Pattern A — recommended for B2B per research */
@media (max-width: 1024px) {
  /* Parent row container */
  .elementor-element-4f20d673 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 12px !important;
    gap: 8px !important;
  }
  
  /* Zone 1: HAMBURGER wrapper — constrained width 48px */
  .elementor-element-7bd6f161 {
    order: 1 !important;
    flex: 0 0 48px !important;
    max-width: 48px !important;
    min-width: 48px !important;
    width: 48px !important;
    height: 48px !important;
    margin-right: auto !important;
    padding: 0 !important;
  }
  /* Force nav-menu widget inside to display hamburger only */
  .elementor-element-7bd6f161 .elementor-menu-toggle,
  .elementor-element-458f38d {
    min-width: 48px !important;
    min-height: 48px !important;
    padding: 12px !important;
  }
  /* Hide horizontal menu items on mobile (only hamburger visible) */
  .elementor-element-7bd6f161 .elementor-nav-menu--main:not(.elementor-nav-menu--dropdown) {
    display: none !important;
  }
  
  /* Zone 2: LOGO wrapper — center */
  .elementor-element-13caaf35 {
    order: 2 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  .elementor-element-13caaf35 img,
  .elementor-element-65311b36 img {
    max-height: 36px !important;
    width: auto !important;
  }
  
  /* Zone 3: CTA wrapper — right */
  .elementor-element-1560c3e5 {
    order: 3 !important;
    flex: 0 0 auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    width: auto !important;
    display: flex !important;
    align-items: center !important;
  }
  /* Hide secondary items on mobile, only primary CTA visible */
  .elementor-element-1560c3e5 .oas-hide-mob,
  .elementor-element-1560c3e5 .oas-header-gp,
  .elementor-element-1560c3e5 .elementor-widget-image,
  .elementor-element-1560c3e5 .oas-wa-btn {
    display: none !important;
  }
  .elementor-element-1560c3e5 .elementor-button {
    min-height: 44px !important;
    padding: 10px 14px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }
}

@media (max-width: 480px) {
  .elementor-element-13caaf35 img,
  .elementor-element-65311b36 img {
    max-height: 28px !important;
  }
  .elementor-element-1560c3e5 .elementor-button {
    padding: 8px 12px !important;
    font-size: 11px !important;
  }
  /* Hide pre-header on small mobile to save space */
  .elementor-element-f6b1028 {
    display: none !important;
  }
}


/* === DARK-BG TEXT FIX 2026-06-21 ===
   oasisme-premium.css forces .elementor-widget-text-editor p { color: var(--oas-grey) } directly on <p>,
   overriding per-widget Text Color (which only colors the wrapper). Higher-specificity inherit fix
   so text-editor paragraphs honor the widgets Text Color, esp. white/light on dark sections. */
.elementor-widget-text-editor.elementor-widget p { color: inherit; }
/* === reCAPTCHA badge reposition (oasisme) === */
.grecaptcha-badge{left:50%!important;right:auto!important;bottom:0!important;transform:translateX(-50%) scale(0.7)!important;transform-origin:bottom center!important;visibility:visible!important;opacity:0.9;}

/* === OASIS MOBILE MENU FIX START (managed) === */
@media (max-width:1024px){
 .oas-nav-menu .elementor-menu-toggle.elementor-active + .elementor-nav-menu__container{
  position:fixed!important;top:68px!important;left:0!important;right:0!important;
  width:100vw!important;max-width:100vw!important;max-height:calc(100vh - 68px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
  flex-shrink:0!important;background:#fff!important;box-shadow:0 12px 32px rgba(8,30,92,.16)!important;
  padding:6px 0 20px!important;z-index:9999!important;}
 .oas-nav-menu .elementor-nav-menu--dropdown .sub-menu{
  position:static!important;transform:none!important;box-shadow:none!important;width:100%!important;
  min-width:0!important;max-width:100%!important;left:auto!important;right:auto!important;top:auto!important;
  flex-direction:column!important;background:#fff!important;padding:0!important;margin:0!important;}
 .oas-nav-menu .elementor-nav-menu--dropdown a[aria-expanded="true"] + .sub-menu,
 .oas-nav-menu .elementor-nav-menu--dropdown a[aria-expanded="true"] + .sub-menu .sub-menu{
  display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;}
 .oas-nav-menu .elementor-nav-menu--dropdown > li > a.elementor-item,
 .oas-nav-menu .elementor-nav-menu--dropdown .sub-menu a{
  padding-left:24px!important;padding-right:24px!important;justify-content:flex-start!important;}
 .oas-nav-menu .elementor-nav-menu--dropdown .sub-menu .sub-menu a{padding-left:36px!important;}
 .oas-nav-menu .elementor-nav-menu--dropdown .oas-menu-header > a.elementor-sub-item{font-weight:700!important;opacity:1!important;}
}
/* === OASIS MOBILE MENU FIX END === *//* End custom CSS */