.elementor-253 .elementor-element.elementor-element-3863217{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-115px;--margin-left:0px;--margin-right:0px;--z-index:5;}.elementor-253 .elementor-element.elementor-element-dbcc231{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-253 .elementor-element.elementor-element-dbcc231.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-253 .elementor-element.elementor-element-8213393{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-253 .elementor-element.elementor-element-8213393.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-253 .elementor-element.elementor-element-693d128{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-253 .elementor-element.elementor-element-7d2403c{border-style:solid;border-color:#FFBB0F63;border-radius:10px 10px 10px 10px;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-menu-toggle{margin-left:auto;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu .elementor-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:600;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main .elementor-item:hover, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main .elementor-item.highlighted, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-fdf9b12 );fill:var( --e-global-color-fdf9b12 );}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-fdf9b12 );}.elementor-253 .elementor-element.elementor-element-7d2403c .e--pointer-framed .elementor-item:before, .elementor-253 .elementor-element.elementor-element-7d2403c .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-fdf9b12 );}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown a, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown{background-color:var( --e-global-color-fdf9b12 );border-style:solid;border-color:#FFD874;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown a:hover, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown a:focus, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown a.highlighted{background-color:#FDD97D;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown .elementor-item, .elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:500;}.elementor-253 .elementor-element.elementor-element-7d2403c div.elementor-menu-toggle{color:#FFFFFF;}.elementor-253 .elementor-element.elementor-element-7d2403c div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-253 .elementor-element.elementor-element-8213393{width:var( --container-widget-width, 63.323px );max-width:63.323px;--container-widget-width:63.323px;--container-widget-flex-grow:0;}}@media(min-width:768px){.elementor-253 .elementor-element.elementor-element-dbcc231{--width:7.987%;}.elementor-253 .elementor-element.elementor-element-693d128{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-253 .elementor-element.elementor-element-dbcc231{--width:142.333px;}}@media(max-width:767px){.elementor-253 .elementor-element.elementor-element-dbcc231{--width:50%;}.elementor-253 .elementor-element.elementor-element-8213393{--container-widget-width:63px;--container-widget-flex-grow:0;width:var( --container-widget-width, 63px );max-width:63px;}.elementor-253 .elementor-element.elementor-element-693d128{--width:50%;--min-height:0px;--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:flex-start;--align-items:flex-end;}.elementor-253 .elementor-element.elementor-element-7d2403c{width:100%;max-width:100%;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown{border-radius:10px 10px 10px 10px;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:10px;border-top-right-radius:10px;}.elementor-253 .elementor-element.elementor-element-7d2403c .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-8213393 *//* ============================================ INCLUDE SECTION — GLASS LIGHT COMPACT Versi lebih kecil & compact COPAS ke: WordPress > Appearance > Customize > Additional CSS Class: "include-glass-light" ============================================ */ .include-glass-light { background: linear-gradient(145deg, rgba(255,255,255,0.85), rgba(255,252,247,0.92)) !important; border: 1px solid rgba(201,168,76,0.15) !important; border-radius: 16px !important; padding: 24px 24px !important; position: relative !important; overflow: hidden !important; box-shadow: 0 4px 24px rgba(184,145,46,0.05), 0 1px 2px rgba(0,0,0,0.02), inset 0 1px 0 rgba(255,255,255,0.9) !important; } .include-glass-light::before { content: "" !important; position: absolute !important; top: -1px !important; left: 24px !important; right: 24px !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(201,168,76,0.3), transparent) !important; z-index: 1 !important; } .include-glass-light::after { content: "" !important; position: absolute !important; bottom: -40px !important; right: -40px !important; width: 120px !important; height: 120px !important; background: radial-gradient(circle, rgba(201,168,76,0.06) 0%, transparent 70%) !important; border-radius: 50% !important; z-index: 0 !important; } .include-glass-light .elementor-widget-container { position: relative !important; z-index: 2 !important; } /* ===== ICON BOX — kecil ===== */ .include-glass-light .elementor-icon-list-item .elementor-icon-list-icon { width: 32px !important; height: 32px !important; min-width: 32px !important; background: linear-gradient(145deg, #FFFBF2, #FFF3DC) !important; border: 1px solid rgba(201,168,76,0.16) !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; transition: all 0.3s ease !important; } .include-glass-light .elementor-icon-list-icon svg { fill: #FFBB0F !important; width: 14px !important; height: 14px !important; transition: fill 0.3s !important; } .include-glass-light .elementor-icon-list-icon i { color: #FFBB0F !important; font-size: 13px !important; transition: color 0.3s !important; } /* ===== TEXT — kecil ===== */ .include-glass-light .elementor-icon-list-item .elementor-icon-list-text { color: #2D2A24 !important; font-weight: 500 !important; font-size: 13px !important; transition: color 0.3s !important; } /* ===== ITEM — compact spacing ===== */ .include-glass-light .elementor-icon-list-item { padding: 8px 10px !important; border-radius: 10px !important; transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1) !important; margin-bottom: 1px !important; } /* ===== HOVER ===== */ .include-glass-light .elementor-icon-list-item:hover { background: rgba(201,168,76,0.05) !important; transform: translateX(4px) !important; } .include-glass-light .elementor-icon-list-item:hover .elementor-icon-list-icon { background: linear-gradient(135deg, #FFBB0F, #FFBB0F) !important; border-color: #C9A84C !important; transform: rotate(-6deg) scale(1.05) !important; box-shadow: 0 4px 12px rgba(184,145,46,0.18) !important; } .include-glass-light .elementor-icon-list-item:hover .elementor-icon-list-icon svg { fill: #FFF !important; } .include-glass-light .elementor-icon-list-item:hover .elementor-icon-list-icon i { color: #FFF !important; } .include-glass-light .elementor-icon-list-item:hover .elementor-icon-list-text { color: #FFBB0F !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 768px) { .include-glass-light { padding: 20px 18px !important; border-radius: 14px !important; } .include-glass-light .elementor-icon-list-item:hover { transform: translateX(2px) !important; } }/* End custom CSS */