.elementor-738 .elementor-element.elementor-element-a09104f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--z-index:999;overflow:visible;}.elementor-738 .elementor-element.elementor-element-a09104f:not(.elementor-motion-effects-element-type-background), .elementor-738 .elementor-element.elementor-element-a09104f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-f3a13b0 );}.elementor-738 .elementor-element.elementor-element-98154c7{--display:flex;overflow:visible;}.elementor-738 .elementor-element.elementor-element-8ef61da .elementor-button{background-color:var( --e-global-color-accent );font-size:14px;text-transform:none;font-style:normal;text-decoration:none;fill:var( --e-global-color-d7fcd19 );color:var( --e-global-color-d7fcd19 );box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-248f2ac );padding:0.7rem 1.1rem 0.7rem 1.1rem;}.elementor-738 .elementor-element.elementor-element-8ef61da .elementor-button-content-wrapper{flex-direction:row;}.elementor-738 .elementor-element.elementor-element-bae2474{text-align:start;}.elementor-738 .elementor-element.elementor-element-bae2474 img{width:100px;}.elementor-738 .elementor-element.elementor-element-ff0af36{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;overflow:visible;}.elementor-738 .elementor-element.elementor-element-a1a1fdc{width:var( --container-widget-width, 115px );max-width:115px;--container-widget-width:115px;--container-widget-flex-grow:0;z-index:10000;}.elementor-738 .elementor-element.elementor-element-a1a1fdc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__lang a{font-size:14px;color:var( --e-global-color-d7fcd19 );}.elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__icon{color:var( --e-global-color-d7fcd19 );}.elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__lang a:hover, .elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__lang a:focus{color:var( --e-global-color-accent );}.elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__lang--active a{color:var( --e-global-color-accent );}.elementor-738 .elementor-element.elementor-element-a1a1fdc .cpel-switcher__code{padding-left:10px;}.elementor-738 .elementor-element.elementor-element-189cef8{background-color:var( --e-global-color-accent );padding:3px 10px 3px 7px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-248f2ac );border-radius:40px 40px 40px 40px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-wrapper{align-items:center;gap:5px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-title{margin-block-end:9px;color:var( --e-global-color-d7fcd19 );}.elementor-738 .elementor-element.elementor-element-189cef8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-d7fcd19 );}.elementor-738 .elementor-element.elementor-element-189cef8.elementor-view-framed .elementor-icon, .elementor-738 .elementor-element.elementor-element-189cef8.elementor-view-default .elementor-icon{fill:var( --e-global-color-d7fcd19 );color:var( --e-global-color-d7fcd19 );border-color:var( --e-global-color-d7fcd19 );}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon{font-size:33px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-title, .elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-title a{font-size:14px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-description{font-size:12px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-738 .elementor-element.elementor-element-98154c7{--width:290px;}.elementor-738 .elementor-element.elementor-element-ff0af36{--width:290px;}}@media(max-width:767px){.elementor-738 .elementor-element.elementor-element-a09104f{--flex-wrap:nowrap;}.elementor-738 .elementor-element.elementor-element-98154c7{--width:70px;}.elementor-738 .elementor-element.elementor-element-ff0af36{--width:220px;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-738 .elementor-element.elementor-element-189cef8{padding:0px 5px 0px 5px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon{font-size:20px;}.elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-title, .elementor-738 .elementor-element.elementor-element-189cef8 .elementor-icon-box-title a{font-size:12px;}}/* Start custom CSS for polylang-language-switcher, class: .elementor-element-a1a1fdc *//* ── Reset list & wrapper ── */
.cpel-switcher__nav {
  display: inline-flex;
}
 
.cpel-switcher__list {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 4px;
  gap: 0px;
  background: #f0f2f4;
  border-radius: 50px;
}
 
.cpel-switcher__lang {
  margin: 0;
  padding: 0;
}
 
/* ── Semua link (non-aktif) ── */
.cpel-switcher__lang a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 50px;
  /*font-family: 'Outfit', sans-serif;*/
  font-size: 12px;
  font-weight: 700;
  /*letter-spacing: 0.04em;*/
  color: #9aa3af !important;
  text-decoration: none !important;
  background: transparent;
  transition: color 0.15s ease, background 0.15s ease;
  line-height: 1;
  border: none;
}
 
/* ── Hover non-aktif ── */
.cpel-switcher__lang:not(.cpel-switcher__lang--active) a:hover {
  color: #2c333d;
  background: rgba(0, 0, 0, 0.05);
}
 
/* ── Bahasa aktif — pill putih ── */
.cpel-switcher__lang--active a {
  background: #ffffff !important;
  color: #0d1b2a !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
}
 
/* ── Tampilkan hanya kode bahasa ── */
.cpel-switcher__code {
  display: inline;
  text-transform: uppercase;
  padding-left: 0px !important;
}
 
 
/* ══════════════════════════════════════
   VARIAN DARK
   Gunakan di header/section background navy.
   Tambahkan CSS class "lang-dark" ke
   Elementor Section/Widget parent-nya.
══════════════════════════════════════ */
 
.lang-dark .cpel-switcher__list {
  background: rgba(255, 255, 255, 0.10);
}
 
.lang-dark .cpel-switcher__lang a {
  color: rgba(255, 255, 255, 0.50);
}
 
.lang-dark .cpel-switcher__lang:not(.cpel-switcher__lang--active) a:hover {
  color: rgba(255, 255, 255, 0.85);
  background: rgba(255, 255, 255, 0.08);
}
 
.lang-dark .cpel-switcher__lang--active a {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  box-shadow: none;
}/* End custom CSS */