.elementor-11 .elementor-element.elementor-element-2223ed2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-aedc41a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-3976c53{--spacer-size:50px;}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-2223ed2:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-2223ed2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://verifikasildokumendox.online/wp-content/uploads/2026/09/sssaaassa.png");background-position:top center;background-size:cover;}.elementor-11 .elementor-element.elementor-element-2223ed2{--content-width:100%;}.elementor-11 .elementor-element.elementor-element-7cff9fa{margin:4px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 9px;text-align:start;}.elementor-11 .elementor-element.elementor-element-7cff9fa img{width:35%;}.elementor-11 .elementor-element.elementor-element-aedc41a{width:var( --container-widget-width, 123px );max-width:123px;--e-transform-translateX:12px;--e-transform-translateY:-85px;--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -135px) 0px;--container-widget-width:123px;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-aedc41a.elementor-element{--align-self:flex-end;}.elementor-11 .elementor-element.elementor-element-c62a509{--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11 .elementor-element.elementor-element-3976c53{--spacer-size:135px;}}/* Start custom CSS for html, class: .elementor-element-aedc41a *//* ========================================= LANGUAGE SELECTOR - MINI / RIGHT ========================================= */ .language-.elementor-11 .elementor-element.elementor-element-aedc41a { position: relative !important; display: block !important; width: fit-content !important; margin-left: auto !important; margin-right: 0 !important; font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; z-index: 99999; } /* ========================================= HILANGKAN CHECKBOX SEPENUHNYA ========================================= */ .language-.elementor-11 .elementor-element.elementor-element-aedc41a #lang-toggle { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; opacity: 0 !important; visibility: hidden !important; appearance: none !important; -webkit-appearance: none !important; pointer-events: none !important; } /* ========================================= TOMBOL UTAMA ========================================= */ .language-button { width: 125px !important; height: 44px !important; padding: 0 14px !important; box-sizing: border-box; background: rgba(255, 255, 255, 0.98); border-radius: 100px; display: flex !important; align-items: center !important; cursor: pointer; box-shadow: 0 6px 18px rgba(25, 40, 80, 0.09), 0 2px 6px rgba(25, 40, 80, 0.04); transition: transform 0.25s ease, box-shadow 0.25s ease; } /* HOVER */ .language-button:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(25, 40, 80, 0.13), 0 3px 8px rgba(25, 40, 80, 0.05); } /* ========================================= BENDERA ========================================= */ .language-button .flag { width: 28px !important; height: 28px !important; min-width: 28px !important; border-radius: 50%; display: flex !important; align-items: center; justify-content: center; overflow: hidden; font-size: 23px !important; line-height: 1; background: #fff; box-shadow: 0 0 0 1px rgba(20, 35, 70, 0.10), 0 2px 4px rgba(20, 35, 70, 0.07); } /* ========================================= ID ========================================= */ .lang-code { margin-left: 11px !important; color: #1d2d59; font-size: 17px !important; font-weight: 600; line-height: 1; } /* ========================================= PANAH ========================================= */ .lang-chevron { width: 8px !important; height: 8px !important; margin-left: auto !important; margin-right: 1px !important; border-right: 2.5px solid #1d2d59; border-bottom: 2.5px solid #1d2d59; transform: rotate(45deg) translateY(-2px); transition: transform 0.3s ease; } /* PANAH TERBUKA */ #lang-toggle:checked + .language-button .lang-chevron { transform: rotate(225deg) translate(-1px, -1px); } /* ========================================= DROPDOWN ========================================= */ .language-dropdown { position: absolute !important; top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; width: 220px !important; padding: 9px !important; box-sizing: border-box; background: rgba(255, 255, 255, 0.98); border-radius: 20px; box-shadow: 0 15px 35px rgba(30, 45, 80, 0.12), 0 4px 10px rgba(30, 45, 80, 0.05); opacity: 0; visibility: hidden; transform: translateY(-8px) scale(0.97); transform-origin: top right; transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease; } /* DROPDOWN TERBUKA */ #lang-toggle:checked ~ .language-dropdown { opacity: 1; visibility: visible; transform: translateY(0) scale(1); } /* ========================================= ITEM BAHASA ========================================= */ .language-item { width: 100% !important; height: 55px !important; padding: 0 14px !important; box-sizing: border-box; display: flex !important; align-items: center !important; gap: 12px !important; text-decoration: none !important; color: #1d2d59 !important; font-size: 16px !important; font-weight: 500; border-radius: 14px; transition: background 0.2s ease, transform 0.2s ease; } /* INDONESIA AKTIF */ .language-item.active { background: #e8e9ef !important; font-weight: 600; } /* HOVER */ .language-item:not(.active):hover { background: #f3f4f7 !important; } /* ========================================= BENDERA DROPDOWN ========================================= */ .language-item .flag { width: 30px !important; height: 30px !important; min-width: 30px !important; font-size: 25px !important; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .language-button { width: 115px !important; height: 40px !important; padding: 0 12px !important; } .language-button .flag { width: 25px !important; height: 25px !important; min-width: 25px !important; font-size: 21px !important; } .lang-code { margin-left: 9px !important; font-size: 15px !important; } .lang-chevron { width: 7px !important; height: 7px !important; border-width: 2px; } .language-dropdown { width: 200px !important; top: calc(100% + 8px) !important; padding: 8px !important; border-radius: 18px; } .language-item { height: 50px !important; padding: 0 12px !important; gap: 10px !important; font-size: 15px !important; border-radius: 12px; } .language-item .flag { width: 27px !important; height: 27px !important; min-width: 27px !important; font-size: 23px !important; } }/* End custom CSS */