.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-section.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-section:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-section.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-section .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-section .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-section.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-section .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-3857 .elementor-element.elementor-element-f38541e > .elementor-container{max-width:1250px;}.elementor-3857 .elementor-element.elementor-element-f38541e{overflow:visible;}.elementor-widget-column.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-column .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-column.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-column:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-column.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-column .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3857 .elementor-element.elementor-element-37539ff > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-widget-slides .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-slides .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-slides.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-slides:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-slides.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-slides .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .elementor-repeater-item-a4d38a8 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://pa-semarang.go.id/wp-content/uploads/2026/05/Program-prioritas-e1778004121624.png);background-size:contain;}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .elementor-repeater-item-3c26c1c .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://pa-semarang.go.id/wp-content/uploads/2026/02/Slide-Website-1920-x-500-piksel.jpg);background-size:contain;}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .elementor-repeater-item-dfb8efe .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://pa-semarang.go.id/wp-content/uploads/2026/03/Slide-Website-1250x320-piksel.jpg);background-size:contain;}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .swiper-slide{transition-duration:calc(5000ms*1.2);height:320px;}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .swiper-slide-contents{max-width:100%;}.elementor-3857 .elementor-element.elementor-element-54d0dc3 .swiper-slide-inner{text-align:center;}.elementor-3857 .elementor-element.elementor-element-d1b5538 > .elementor-container{max-width:1250px;}.elementor-3857 .elementor-element.elementor-element-d1b5538{overflow:visible;}.elementor-widget-icon-box .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon-box.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon-box .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon-box.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-icon-box:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon-box.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-3857 .elementor-element.elementor-element-54946b1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-54946b1.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-54946b1.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-54946b1.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon i{transform:rotate(336deg);}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-54946b1:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-54946b1:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-89749e9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-89749e9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-89749e9.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-89749e9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon i{transform:rotate(360deg);}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-89749e9:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-89749e9:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-61e1560 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-61e1560.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-61e1560.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-61e1560.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon i{transform:rotate(336deg);}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-61e1560:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-61e1560:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-fd996b6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-fd996b6.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-fd996b6.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-fd996b6.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon i{transform:rotate(336deg);}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-fd996b6:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-fd996b6:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-d2d7099 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-d2d7099.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-d2d7099.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-d2d7099.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon i{transform:rotate(360deg);}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-d2d7099:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-d2d7099:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-7d4e5e9.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon i{transform:rotate(360deg);}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-7d4e5e9:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-3a3cd4f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon i{transform:rotate(360deg);}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-3a3cd4f:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-wrapper{text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-title{margin-block-end:4px;text-shadow:0px 0px 10px #000000;color:#FFFFFF;transition-duration:0.1s;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f.elementor-view-framed .elementor-icon, .elementor-3857 .elementor-element.elementor-element-0b6fa0f.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon{font-size:55px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon i{transform:rotate(360deg);}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:12px;font-weight:500;font-style:normal;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f:has(:hover) .elementor-icon-box-title, .elementor-3857 .elementor-element.elementor-element-0b6fa0f:has(:focus) .elementor-icon-box-title{color:#FF6700;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:400;text-transform:none;line-height:10px;word-spacing:0px;color:#FFFFFF;}.elementor-3857 .elementor-element.elementor-element-685499a > .elementor-container{max-width:1250px;}.elementor-3857 .elementor-element.elementor-element-685499a{overflow:visible;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-divider .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-divider.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-divider:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-divider.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-divider .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-3857 .elementor-element.elementor-element-58f3f36{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-3857 .elementor-element.elementor-element-58f3f36 .elementor-divider-separator{width:100%;}.elementor-3857 .elementor-element.elementor-element-58f3f36 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-3857 .elementor-element.elementor-element-cfe2b03{overflow:visible;}.elementor-widget-tabs .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tabs .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-tabs.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-tabs .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-tabs.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-tabs:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-tabs.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-tabs .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-tabs .elementor-tab-title, .elementor-widget-tabs .elementor-tab-title a{color:var( --e-global-color-primary );}.elementor-widget-tabs .elementor-tab-title.elementor-active, .elementor-widget-tabs .elementor-tab-title.elementor-active a{color:var( --e-global-color-accent );}.elementor-widget-tabs .elementor-tab-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-tabs .elementor-tab-content{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-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-title, .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-title:before, .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-title:after, .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-content, .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-content-wrapper{border-width:1px;}.elementor-3857 .elementor-element.elementor-element-4abcae2{overflow:visible;}.elementor-3857 .elementor-element.elementor-element-db687d5{overflow:visible;}.elementor-3857 .elementor-element.elementor-element-57430e4{overflow:visible;}.elementor-3857 .elementor-element.elementor-element-432b530{margin-top:-10px;margin-bottom:-15px;overflow:visible;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-heading.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-heading .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-heading.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-heading.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-heading .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3857 .elementor-element.elementor-element-57e3d97{text-align:center;}.elementor-3857 .elementor-element.elementor-element-57e3d97 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;line-height:31px;}.elementor-3857 .elementor-element.elementor-element-57e3d97 .elementor-heading-title a{transition-duration:0s;}.elementor-3857 .elementor-element.elementor-element-5a39c41{overflow:visible;}.elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-wrapper{gap:15px;}.elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-wrapper{gap:15px;}.elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-wrapper{gap:15px;}.elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-wrapper{gap:15px;}.elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-wrapper{gap:15px;}.elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-wrapper{gap:15px;}.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container.pa-bg-clipped-yes.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-text, .elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom:not(.pa-bg-clipped-yes) .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3857 .elementor-element.elementor-element-6c22bd0{--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;overflow:visible;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-3857 .elementor-element.elementor-element-fb82334{width:74.665%;}.elementor-3857 .elementor-element.elementor-element-cc50617{width:25%;}.elementor-3857 .elementor-element.elementor-element-1650cd3{width:74.745%;}.elementor-3857 .elementor-element.elementor-element-5ca0ed6{width:24.535%;}}@media(max-width:1024px){.elementor-3857 .elementor-element.elementor-element-54d0dc3 .swiper-slide{height:190px;}}@media(max-width:767px){.elementor-3857 .elementor-element.elementor-element-54d0dc3 .swiper-slide{height:100px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon i{transform:rotate(333deg);}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:0px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-title{margin-block-end:4px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon{font-size:40px;}.elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon i{transform:rotate(333deg);}}/* Start custom CSS for icon-box, class: .elementor-element-54946b1 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-54946b1 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-54946b1:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-54946b1 h3, .elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-54946b1 p, .elementor-3857 .elementor-element.elementor-element-54946b1 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-89749e9 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-89749e9 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-89749e9:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-89749e9 h3, .elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-89749e9 p, .elementor-3857 .elementor-element.elementor-element-89749e9 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-61e1560 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-61e1560 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-61e1560:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-61e1560 h3, .elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-61e1560 p, .elementor-3857 .elementor-element.elementor-element-61e1560 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-fd996b6 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-fd996b6 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-fd996b6:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-fd996b6 h3, .elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-fd996b6 p, .elementor-3857 .elementor-element.elementor-element-fd996b6 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-d2d7099 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-d2d7099 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-d2d7099:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-d2d7099 h3, .elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-d2d7099 p, .elementor-3857 .elementor-element.elementor-element-d2d7099 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7d4e5e9 *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-7d4e5e9 { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-7d4e5e9:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-7d4e5e9 h3, .elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-7d4e5e9 p, .elementor-3857 .elementor-element.elementor-element-7d4e5e9 .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3a3cd4f *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-3a3cd4f { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-3a3cd4f:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-3a3cd4f h3, .elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-3a3cd4f p, .elementor-3857 .elementor-element.elementor-element-3a3cd4f .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-0b6fa0f *//* developed by zhayyn™ */ /* 1. Menyesuaikan ruang dalam kotak agar muat banyak */ .elementor-3857 .elementor-element.elementor-element-0b6fa0f { padding: 15px 10px !important; display: flex; flex-direction: column; justify-content: center; height: 100%; } .elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-icon { margin-bottom: 8px !important; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; } /* Efek Zoom Logo/Ikon saat disorot */ .elementor-3857 .elementor-element.elementor-element-0b6fa0f:hover .elementor-icon-box-icon { transform: scale(1.15) translateY(-3px) !important; } /* developed by zhayyn™ */ /* 2. Menyesuaikan tipografi agar tidak meluber */ .elementor-3857 .elementor-element.elementor-element-0b6fa0f h3, .elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-title { font-size: 13px !important; /* Dikecilkan agar muat sebaris */ line-height: 1.2 !important; letter-spacing: 0.5px !important; } .elementor-3857 .elementor-element.elementor-element-0b6fa0f p, .elementor-3857 .elementor-element.elementor-element-0b6fa0f .elementor-icon-box-description { font-size: 11px !important; line-height: 1.3 !important; /* Pengaman agar teks tetap rapi maksimal 3 baris */ display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-d1b5538 *//* developed by zhayyn™ */ /* 1. MEMAKSA KONTAINER JADI SWIPEABLE (TETAP DIPERTAHANKAN & DIRAPIKAN) */ .wadah-geser-zhayyn .elementor-container, .wadah-geser-zhayyn .elementor-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom: 25px !important; padding-top: 15px !important; /* Tambahan agar efek hover melayang ke atas tidak terpotong */ justify-content: flex-start !important; width: 100% !important; } /* 2. UKURAN KOLOM / KARTU */ .wadah-geser-zhayyn .elementor-column { flex: 0 0 auto !important; width: 260px !important; max-width: 85vw !important; display: block !important; margin-right: 20px !important; /* Jarak diperlebar sedikit agar terlihat lega dan elegan */ } .wadah-geser-zhayyn .elementor-column:last-child { margin-right: 0px !important; } /* 3. SUNTIKAN EFEK KACA (GLASSMORPHISM) PADA ISI KOLOM */ /* Menargetkan widget wrap di dalam kolom agar otomatis jadi kaca transparan */ .wadah-geser-zhayyn .elementor-column > .elementor-widget-wrap, .wadah-geser-zhayyn .elementor-column > .elementor-element-populated { background: rgba(255, 255, 255, 0.7) !important; /* Latar putih transparan */ backdrop-filter: blur(12px) !important; /* Efek blur kaca di belakangnya */ -webkit-backdrop-filter: blur(12px) !important; border: 1px solid rgba(255, 255, 255, 0.9) !important; border-bottom: 4px solid #1e5631 !important; /* Aksen garis hijau khas PA di bawah */ border-radius: 16px !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.04) !important; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important; height: 100% !important; /* Memaksa tinggi kartu seragam */ } /* EFEK HOVER INTERAKTIF (MELAYANG & MENYALA) */ .wadah-geser-zhayyn .elementor-column:hover > .elementor-widget-wrap, .wadah-geser-zhayyn .elementor-column:hover > .elementor-element-populated { transform: translateY(-8px) !important; /* Melayang ke atas */ background: rgba(255, 255, 255, 0.95) !important; border-bottom: 4px solid #39ff14 !important; /* Garis bawah berubah hijau neon */ box-shadow: 0 15px 35px rgba(30, 86, 49, 0.15) !important; } /* 4. TATA RIAS SCROLLBAR ELEGAN (DIPERHALUS) */ .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar { height: 8px; /* Diperkecil dari 10px agar lebih sleek / tipis */ } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-track, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-track { background: rgba(0,0,0,0.03); /* Track sangat transparan */ border-radius: 10px; } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-thumb, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-thumb { background: rgba(30, 86, 49, 0.3); /* Hijau transparan, tidak terlalu mencolok saat diam */ border-radius: 10px; transition: all 0.3s ease; } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-thumb:hover, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-thumb:hover { background: #f39c12; /* Berubah oranye saat ditarik/disorot */ } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for tabs, class: .elementor-element-925ec78 *//* ========================================================= TAB PREMIUM PILL - PA SEMARANG 6 TAB + RESPONSIVE + ICON AMAN DI DALAM TOMBOL Tempel di Custom CSS Widget Tabs Elementor ========================================================= */ /* Hilangkan tab mobile title Elementor agar tidak dobel */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-mobile-title { display: none !important; } /* ========================================================= WRAPPER TAB ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-wrap: wrap !important; gap: 12px !important; padding: 18px 18px 20px 18px !important; margin: 0 0 22px 0 !important; background: radial-gradient(circle at top left, rgba(46,196,125,0.10), transparent 32%), linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.80)) !important; border-radius: 18px 18px 0 0 !important; border: 1px solid rgba(8, 66, 40, 0.07) !important; border-bottom: none !important; box-shadow: 0 16px 36px rgba(15, 66, 40, 0.07), inset 0 1px 0 rgba(255,255,255,0.88) !important; backdrop-filter: blur(14px) !important; -webkit-backdrop-filter: blur(14px) !important; overflow: visible !important; z-index: 1 !important; } /* Garis tipis elegan melintang di bawah tabs */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper::after { content: "" !important; position: absolute !important; left: 28px !important; right: 28px !important; bottom: 8px !important; height: 1px !important; border-radius: 999px !important; background: linear-gradient( 90deg, rgba(8,66,40,0.00) 0%, rgba(8,66,40,0.09) 14%, rgba(46,196,125,0.24) 34%, rgba(212,175,55,0.34) 50%, rgba(46,196,125,0.24) 66%, rgba(8,66,40,0.09) 86%, rgba(8,66,40,0.00) 100% ) !important; box-shadow: 0 1px 0 rgba(255,255,255,0.85), 0 0 9px rgba(46,196,125,0.07) !important; pointer-events: none !important; z-index: 1 !important; } /* ========================================================= TOMBOL TAB DEFAULT ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; min-width: 165px !important; max-width: 230px !important; min-height: 44px !important; padding: 11px 18px !important; border-radius: 999px !important; border: 1px solid rgba(8, 66, 40, 0.08) !important; background: linear-gradient(180deg, rgba(255,255,255,0.90), rgba(255,255,255,0.58)) !important; color: #8d9a94 !important; font-size: 13px !important; font-weight: 750 !important; line-height: 1.2 !important; text-align: center !important; white-space: nowrap !important; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 7px 18px rgba(15, 66, 40, 0.045) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; transition: transform .28s ease, color .28s ease, background .28s ease, border-color .28s ease, box-shadow .28s ease !important; z-index: 4 !important; overflow: hidden !important; isolation: isolate !important; } /* Agar teks tetap berada di atas efek kilau */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title > * { position: relative !important; z-index: 3 !important; } /* Hover tab */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:hover { color: #0c6338 !important; transform: translateY(-3px) !important; border-color: rgba(46,196,125,0.22) !important; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,255,250,0.88)) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 12px 26px rgba(15, 66, 40, 0.12) !important; } /* ========================================================= TAB AKTIF ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title.elementor-active { color: #ffffff !important; background: radial-gradient(circle at 20% 20%, rgba(255,255,255,0.32), transparent 28%), linear-gradient(135deg, #0fa35b 0%, #2ec47d 54%, #16a765 100%) !important; border-color: rgba(46,196,125,0.72) !important; font-weight: 850 !important; transform: translateY(-2px) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.40), inset 0 -8px 16px rgba(0,90,48,0.14), 0 12px 28px rgba(22,167,101,0.30), 0 0 0 5px rgba(46,196,125,0.08) !important; outline: none !important; } /* Kilau kecil dalam tombol aktif */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title.elementor-active::after { content: "" !important; position: absolute !important; inset: 1px !important; border-radius: inherit !important; background: linear-gradient( 120deg, transparent 0%, rgba(255,255,255,0.25) 18%, transparent 38% ) !important; opacity: .55 !important; pointer-events: none !important; z-index: 1 !important; } /* ========================================================= ICON DASAR ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title::before { content: "" !important; width: 16px !important; height: 16px !important; min-width: 16px !important; max-width: 16px !important; display: inline-block !important; flex: 0 0 16px !important; background-color: currentColor !important; opacity: .52 !important; mask-repeat: no-repeat !important; mask-position: center !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; -webkit-mask-position: center !important; -webkit-mask-size: contain !important; transform: translateY(0) scale(1) !important; transform-origin: center center !important; transition: opacity .25s ease, transform .25s ease !important; position: relative !important; z-index: 3 !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:hover::before { opacity: .85 !important; transform: translateY(0) scale(1.05) rotate(-3deg) !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title.elementor-active::before { opacity: 1 !important; background-color: #ffffff !important; transform: translateY(0) scale(1.04) !important; } /* ========================================================= ICON PER TAB ========================================================= */ /* 1. Info Persidangan */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(1)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important; } /* 2. Format Gugatan & Permohonan */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(2)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 2.8h7.4L19 8.4v12.1a1.7 1.7 0 0 1-1.7 1.7H6a1.7 1.7 0 0 1-1.7-1.7v-16A1.7 1.7 0 0 1 6 2.8Zm7 1.7V9h4.5L13 4.5Zm-1 6.3a1 1 0 0 0-1 1v4.1l-1.25-1.25a1 1 0 0 0-1.42 1.42l3 3a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0-1.42-1.42L13 15.9v-4.1a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 2.8h7.4L19 8.4v12.1a1.7 1.7 0 0 1-1.7 1.7H6a1.7 1.7 0 0 1-1.7-1.7v-16A1.7 1.7 0 0 1 6 2.8Zm7 1.7V9h4.5L13 4.5Zm-1 6.3a1 1 0 0 0-1 1v4.1l-1.25-1.25a1 1 0 0 0-1.42 1.42l3 3a1 1 0 0 0 1.42 0l3-3a1 1 0 0 0-1.42-1.42L13 15.9v-4.1a1 1 0 0 0-1-1Z'/%3E%3C/svg%3E") !important; } /* 3. Statistik Perkara */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(3)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M8 15l3-3 3 2 5-6'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19V5'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M8 15l3-3 3 2 5-6'/%3E%3C/svg%3E") !important; } /* 4. Direktori Putusan */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(4)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 3h11a2 2 0 0 1 2 2v15.2a.8.8 0 0 1-1.18.7L15 19.4l-2.82 1.5a.8.8 0 0 1-.76 0L8.6 19.4l-2.82 1.5A.8.8 0 0 1 4.6 20.2V4.4A1.4 1.4 0 0 1 6 3Zm2.3 5.2a1 1 0 1 0 0 2h6.4a1 1 0 1 0 0-2H8.3Zm0 4a1 1 0 1 0 0 2h4.4a1 1 0 1 0 0-2H8.3Z'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M6 3h11a2 2 0 0 1 2 2v15.2a.8.8 0 0 1-1.18.7L15 19.4l-2.82 1.5a.8.8 0 0 1-.76 0L8.6 19.4l-2.82 1.5A.8.8 0 0 1 4.6 20.2V4.4A1.4 1.4 0 0 1 6 3Zm2.3 5.2a1 1 0 1 0 0 2h6.4a1 1 0 1 0 0-2H8.3Zm0 4a1 1 0 1 0 0 2h4.4a1 1 0 1 0 0-2H8.3Z'/%3E%3C/svg%3E") !important; } /* 5. Daftar PIP */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(5)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4.8A2.8 2.8 0 0 1 6.8 2h10.4A2.8 2.8 0 0 1 20 4.8v14.4a2.8 2.8 0 0 1-2.8 2.8H6.8A2.8 2.8 0 0 1 4 19.2V4.8Zm4 2.4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M4 4.8A2.8 2.8 0 0 1 6.8 2h10.4A2.8 2.8 0 0 1 20 4.8v14.4a2.8 2.8 0 0 1-2.8 2.8H6.8A2.8 2.8 0 0 1 4 19.2V4.8Zm4 2.4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2H8Zm0 4a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2H8Z'/%3E%3C/svg%3E") !important; } /* 6. Relaas Ghaib */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title:nth-child(6)::before { mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3.8 5.5A2.5 2.5 0 0 1 6.3 3h11.4a2.5 2.5 0 0 1 2.5 2.5v13a2.5 2.5 0 0 1-2.5 2.5H6.3a2.5 2.5 0 0 1-2.5-2.5v-13Zm3.2.8a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7Zm0 4a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2H7Zm0 4a1 1 0 1 0 0 2h4.5a1 1 0 1 0 0-2H7Zm9.4-1.2a3 3 0 1 0 0 6a3 3 0 0 0 0-6Zm0 1.8a1.2 1.2 0 1 1 0 2.4a1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M3.8 5.5A2.5 2.5 0 0 1 6.3 3h11.4a2.5 2.5 0 0 1 2.5 2.5v13a2.5 2.5 0 0 1-2.5 2.5H6.3a2.5 2.5 0 0 1-2.5-2.5v-13Zm3.2.8a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2H7Zm0 4a1 1 0 1 0 0 2h7a1 1 0 1 0 0-2H7Zm0 4a1 1 0 1 0 0 2h4.5a1 1 0 1 0 0-2H7Zm9.4-1.2a3 3 0 1 0 0 6a3 3 0 0 0 0-6Zm0 1.8a1.2 1.2 0 1 1 0 2.4a1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E") !important; } /* ========================================================= AREA KONTEN TABS ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-content-wrapper { background: #ffffff !important; border: 1px solid rgba(8,66,40,0.10) !important; border-radius: 0 0 16px 16px !important; box-shadow: 0 14px 30px rgba(8,66,40,0.05) !important; overflow: hidden !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tab-content { border: none !important; background: #ffffff !important; padding: 0 !important; } /* ========================================================= BUNGKUS IFRAME TAB TAMBAHAN ========================================================= */ .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-section { width: 100% !important; padding: 22px !important; background: radial-gradient(circle at top left, rgba(46,196,125,0.08), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7fbf9 100%) !important; box-sizing: border-box !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-card { position: relative !important; overflow: hidden !important; border-radius: 18px !important; background: #ffffff !important; border: 1px solid rgba(8,66,40,0.10) !important; box-shadow: 0 16px 36px rgba(8,66,40,0.08), inset 0 1px 0 rgba(255,255,255,0.88) !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-card::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; height: 4px !important; background: linear-gradient( 90deg, #075434, #21b66d, #d4af37, #21b66d, #075434 ) !important; z-index: 2 !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-head { display: flex !important; align-items: flex-start !important; justify-content: space-between !important; gap: 16px !important; padding: 22px 24px 16px 24px !important; border-bottom: 1px solid rgba(8,66,40,0.08) !important; background: linear-gradient(135deg, rgba(5,84,52,0.06), rgba(255,255,255,0.95)) !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-titlebox { display: flex !important; align-items: flex-start !important; gap: 12px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-icon { width: 42px !important; height: 42px !important; min-width: 42px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 14px !important; color: #ffffff !important; background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.35), transparent 34%), linear-gradient(135deg, #075434, #20b76e) !important; box-shadow: 0 10px 22px rgba(8,66,40,0.18), inset 0 1px 0 rgba(255,255,255,0.28) !important; font-size: 20px !important; line-height: 1 !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-title { margin: 0 !important; color: #063d27 !important; font-size: 20px !important; font-weight: 850 !important; line-height: 1.25 !important; letter-spacing: -0.2px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-desc { margin: 6px 0 0 0 !important; color: #64746c !important; font-size: 13px !important; line-height: 1.6 !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-badge { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 8px 12px !important; border-radius: 999px !important; color: #075434 !important; background: rgba(46,196,125,0.10) !important; border: 1px solid rgba(46,196,125,0.22) !important; font-size: 12px !important; font-weight: 800 !important; white-space: nowrap !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-note { display: flex !important; align-items: flex-start !important; gap: 10px !important; margin: 0 24px 18px 24px !important; padding: 12px 14px !important; border-radius: 14px !important; background: linear-gradient(180deg, rgba(255,250,235,0.92), rgba(255,255,255,0.92)) !important; border: 1px solid rgba(212,175,55,0.20) !important; color: #725c13 !important; font-size: 13px !important; line-height: 1.55 !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap { padding: 0 18px 18px 18px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap iframe { display: block !important; width: 100% !important; height: 820px !important; border: none !important; border-radius: 16px !important; background: #ffffff !important; box-shadow: 0 10px 24px rgba(8,66,40,0.06) !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper { justify-content: center !important; gap: 10px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title { min-width: 155px !important; max-width: 210px !important; font-size: 12.5px !important; padding: 10px 15px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap iframe { height: 760px !important; } } @media (max-width: 768px) { .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper { justify-content: flex-start !important; flex-wrap: nowrap !important; gap: 8px !important; padding: 16px 10px 18px 10px !important; margin-bottom: 18px !important; overflow-x: auto !important; overflow-y: visible !important; white-space: nowrap !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper::-webkit-scrollbar { display: none !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper::after { left: 12px !important; right: 12px !important; bottom: 7px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title { min-width: auto !important; max-width: none !important; flex: 0 0 auto !important; padding: 10px 13px !important; font-size: 12px !important; min-height: 40px !important; gap: 7px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .elementor-tabs-wrapper > .elementor-tab-title::before { width: 15px !important; height: 15px !important; min-width: 15px !important; max-width: 15px !important; flex: 0 0 15px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-section { padding: 14px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-head { flex-direction: column !important; padding: 18px 16px 14px 16px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-title { font-size: 17px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-desc { font-size: 12.5px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-badge { font-size: 11.5px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-note { margin: 0 16px 14px 16px !important; font-size: 12.5px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap { padding: 0 12px 14px 12px !important; } .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap iframe { height: 720px !important; border-radius: 12px !important; } } @media (max-width: 480px) { .elementor-3857 .elementor-element.elementor-element-925ec78 .pa-iframe-framewrap iframe { height: 680px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-0f19473 *//* CSS Kedap Air - Rata Kiri + Garis Sekat (JARAK DIRENGGANGKAN) - by zhayyn™ x Pei */ .elementor-3857 .elementor-element.elementor-element-0f19473 .widget-ptsp-container { font-family: 'Segoe UI', sans-serif; border-radius: 8px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); transition: all 0.3s; margin-bottom: 20px;} .elementor-3857 .elementor-element.elementor-element-0f19473 .widget-ptsp-container:hover { border-color: #ff6600; box-shadow: 0 12px 25px rgba(8,66,40,0.15); transform: translateY(-2px); } /* Header & Banner (Ditinggikan) */ .elementor-3857 .elementor-element.elementor-element-0f19473 .header-ptsp { font-size: 12px; font-weight: 800; color: #084228; border-top: 3px solid #ff6600; padding: 15px 5px; margin: 0; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eaeaea; line-height: 1.2;} .elementor-3857 .elementor-element.elementor-element-0f19473 .header-ptsp i { margin-right: 6px; color: #ff6600; font-size: 14px; } .elementor-3857 .elementor-element.elementor-element-0f19473 .banner-link-ptsp { text-decoration: none !important; display: block; } .elementor-3857 .elementor-element.elementor-element-0f19473 .banner-status-ptsp { padding: 8px 2px; text-align: center; font-size: 10px; font-weight: 800; color: #fff; display: flex; justify-content: center; align-items: center; letter-spacing: 0.5px; } .elementor-3857 .elementor-element.elementor-element-0f19473 .bg-ptsp-buka { background-color: #2e7d32; } .elementor-3857 .elementor-element.elementor-element-0f19473 .bg-ptsp-istirahat { background-color: #d35400; } .elementor-3857 .elementor-element.elementor-element-0f19473 .bg-ptsp-tutup { background-color: #c0392b; } /* Tab Navigasi (Diberi Jarak) */ .elementor-3857 .elementor-element.elementor-element-0f19473 .kedip-ptsp { width: 7px; height: 7px; background: #fff; border-radius: 50%; margin-right: 5px; animation: live-kedip-ptsp 1.5s infinite; } @keyframes live-kedip-ptsp { 0% {box-shadow: 0 0 0 0 rgba(255,255,255,0.7);} 70% {box-shadow: 0 0 0 5px rgba(255,255,255,0);} 100% {box-shadow: 0 0 0 0 rgba(255,255,255,0);} } .elementor-3857 .elementor-element.elementor-element-0f19473 .nav-tab-ptsp { display: flex; background: #f8f9fa; border-bottom: 2px solid #eaeaea; } .elementor-3857 .elementor-element.elementor-element-0f19473 .btn-tab-ptsp { flex: 1; text-align: center; padding: 10px 2px; font-size: 11px; font-weight: 700; color: #7f8c8d; cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -2px; transition: 0.3s;} .elementor-3857 .elementor-element.elementor-element-0f19473 .btn-tab-ptsp.active-ptsp { color: #084228; border-bottom-color: #ff6600; background: #fff; } /* Body & Grid Rata Kiri Presisi (RUANG BERNAPAS DIPERBESAR) */ .elementor-3857 .elementor-element.elementor-element-0f19473 .body-ptsp { padding: 12px 10px; } .elementor-3857 .elementor-element.elementor-element-0f19473 .konten-tab-ptsp { display: none; } .elementor-3857 .elementor-element.elementor-element-0f19473 .konten-tab-ptsp.active-ptsp { display: block; } /* GRID ALIGNMENT - Jarak Atas-Bawah (Padding) Ditambah dari 8px jadi 14px */ .elementor-3857 .elementor-element.elementor-element-0f19473 .item-jadwal-ptsp { display: grid; grid-template-columns: 55px 1fr; grid-template-areas: "hari jam" "hari ket"; gap: 4px 10px; padding: 14px 0; border-bottom: 1px dashed #eaeaea; align-items: center; } .elementor-3857 .elementor-element.elementor-element-0f19473 .item-jadwal-ptsp:last-child { border-bottom: none; padding-bottom: 4px;} /* Teks Format dengan Garis Oranye (Font Sedikit Dibesarkan) */ .elementor-3857 .elementor-element.elementor-element-0f19473 .hari-ptsp { grid-area: hari; color: #444; border-right: 2px solid #ff6600; padding-right: 8px; text-align: right; font-weight: 800; font-size: 10px; line-height: 1.3; display: flex; flex-direction: column; justify-content: center; height: 100%;} .elementor-3857 .elementor-element.elementor-element-0f19473 .jam-ptsp { grid-area: jam; font-size: 12px; font-weight: 700; color: #2c3e50; line-height: 1; text-align: left;} .elementor-3857 .elementor-element.elementor-element-0f19473 .ket-ptsp { grid-area: ket; font-size: 9px; color: #7f8c8d; display: flex; align-items: center; line-height: 1.2; text-align: left; } .elementor-3857 .elementor-element.elementor-element-0f19473 .ket-ptsp i { font-size: 9px; margin-right: 4px; color: #95a5a6; } /* Catatan Kaki */ .elementor-3857 .elementor-element.elementor-element-0f19473 .catatan-ptsp { font-size: 9px; color: #95a5a6; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eaeaea; line-height: 1.3; font-style: italic; text-align: center; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-9369143 *//* CSS Kedap Air - Kembaran Jadwal PTSP - by zhayyn™ x Pei */ .elementor-3857 .elementor-element.elementor-element-9369143 .widget-agenda-container { font-family: 'Segoe UI', sans-serif; border-radius: 8px; border: 1px solid #eaeaea; background: #fff; box-shadow: 0 4px 10px rgba(0,0,0,0.03); transition: all 0.3s; margin-bottom: 20px; overflow: hidden; } .elementor-3857 .elementor-element.elementor-element-9369143 .widget-agenda-container:hover { border-color: #ff6600; box-shadow: 0 12px 25px rgba(8,66,40,0.15); transform: translateY(-2px); } /* Header (Disamakan Rata Tengah & Ukurannya) */ .elementor-3857 .elementor-element.elementor-element-9369143 .header-agenda { font-size: 12px; font-weight: 800; color: #084228; border-top: 3px solid #ff6600; padding: 15px 5px; margin: 0; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #eaeaea; line-height: 1.2; background: #fff; } .elementor-3857 .elementor-element.elementor-element-9369143 .header-agenda i { margin-right: 6px; color: #ff6600; font-size: 14px; } /* Body */ .elementor-3857 .elementor-element.elementor-element-9369143 .body-agenda { padding: 12px 10px; } /* --- NINJA TABLES OVERRIDES (Memaksa Ninja Tables Tunduk pada Desain) --- */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper thead { display: none !important; } /* Mode GRID (Lebar Kiri 55px, Jarak Padding 14px - IDENTIK dengan PTSP) */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody tr { display: grid !important; grid-template-columns: 55px 1fr !important; grid-template-areas: "tanggal judul" "tanggal pelaksana" !important; background: transparent !important; border: none !important; border-bottom: 1px dashed #eaeaea !important; border-radius: 0 !important; margin-bottom: 0 !important; padding: 14px 0 !important; align-items: center !important; column-gap: 10px !important; row-gap: 4px !important; transition: background 0.3s ease !important; } .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody tr:last-child { border-bottom: none !important; padding-bottom: 4px !important; } .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody tr:hover { background: transparent !important; cursor: default !important;} /* TANGGAL (Identik dengan format Hari di PTSP) */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody td:nth-child(2) { grid-area: tanggal !important; background: transparent !important; color: #444 !important; border-right: 2px solid #ff6600 !important; border-top: none !important; border-bottom: none !important; border-left: none !important; padding: 0 8px 0 0 !important; text-align: right !important; font-weight: 800 !important; font-size: 10px !important; line-height: 1.3 !important; display: flex !important; flex-direction: column !important; justify-content: center !important; height: 100% !important; } /* JUDUL KEGIATAN (Identik dengan Jam di PTSP) */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody td:nth-child(1) { grid-area: judul !important; border: none !important; padding: 0 !important; font-size: 12px !important; font-weight: 700 !important; color: #2c3e50 !important; text-align: left !important; line-height: 1.2 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } /* LOKASI / PELAKSANA (Identik dengan Keterangan Istirahat di PTSP) */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody td:nth-child(3) { grid-area: pelaksana !important; border: none !important; padding: 0 !important; font-size: 9px !important; color: #7f8c8d !important; text-align: left !important; line-height: 1.2 !important; display: -webkit-box !important; -webkit-line-clamp: 1 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: normal !important; } .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody td:nth-child(3)::before { content: '\f041'; font-family: "Font Awesome 5 Free", "Font Awesome 6 Free"; font-weight: 900; margin-right: 4px; color: #95a5a6; font-size: 9px; } /* Bersihkan Laci Ekstra Ninja Tables */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper table { border: none !important; background: transparent !important; margin: 0 !important; } .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tr.footable-detail-row { grid-column: 1 / -1 !important; background: #fafafa !important; padding: 10px 15px !important; border-top: 1px dashed #ddd !important; display: block !important; border-radius: 8px !important; margin-top: 5px !important; } /* PAKSA HANYA TAMPIL 3 BARIS */ .elementor-3857 .elementor-element.elementor-element-9369143 .ninja_table_wrapper tbody tr:nth-child(n+4) { display: none !important; } /* Desain Footer & Tombol Google Sheet */ .elementor-3857 .elementor-element.elementor-element-9369143 .footer-agenda { padding: 10px; border-top: 1px solid #eaeaea; text-align: center; background: #fcfcfc; } .elementor-3857 .elementor-element.elementor-element-9369143 .btn-sheet-agenda { display: inline-block; font-size: 9px; font-weight: 700; color: #084228; text-decoration: none !important; padding: 6px 15px; border: 1px solid #084228; border-radius: 4px; transition: all 0.3s ease; text-transform: uppercase; letter-spacing: 0.5px;} .elementor-3857 .elementor-element.elementor-element-9369143 .btn-sheet-agenda i { margin-right: 5px; } .elementor-3857 .elementor-element.elementor-element-9369143 .btn-sheet-agenda:hover { background: #084228; color: #ffffff; border-color: #084228; }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-a278895 *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-a278895 { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-a278895::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-a278895:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-a278895 { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-a278895 .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f0dead9 *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-f0dead9 { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-f0dead9::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-f0dead9:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-f0dead9 { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-f0dead9 .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-e761c3b *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-e761c3b { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-e761c3b::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-e761c3b:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-e761c3b { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-e761c3b .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-3524bac *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-3524bac { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-3524bac::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-3524bac:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-3524bac { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-3524bac .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-951f22f *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-951f22f { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-951f22f::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-951f22f:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-951f22f { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-951f22f .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-6563d0f *//* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-6563d0f { /* Warna Dasar Gradasi Kuning ke Oranye */ background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; } /* Pantulan Kaca Cembung (Setengah Atas) */ /* developed by zhayyn™ */ .elementor-3857 .elementor-element.elementor-element-6563d0f::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; /* Memotong tepat di tengah untuk efek kaca tajam */ background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; /* Agar tombol tetap bisa diklik */ } /* Mengamankan Teks dan Ikon agar di atas kaca */ .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-wrapper { position: relative; z-index: 2; } .elementor-3857 .elementor-element.elementor-element-6563d0f:hover { transform: scale(1.03); /* Membesar sedikit saat disentuh */ box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } /* Pewarnaan Teks & Bayangan Teks */ .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-description { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon { color: #ffffff !important; filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4)); margin-bottom: 15px; } /* PENGATURAN RESPONSIVE UNTUK LAYAR HP */ @media (max-width: 767px) { .elementor-3857 .elementor-element.elementor-element-6563d0f { padding: 15px 10px; /* Jarak dalam diperkecil */ border-radius: 8px; } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-title { font-size: 15px; /* Huruf judul mengecil */ } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-box-description { font-size: 11px; /* Huruf deskripsi mengecil */ } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon-wrapper { margin-bottom: 8px !important; } .elementor-3857 .elementor-element.elementor-element-6563d0f .elementor-icon i { font-size: 30px !important; /* Ikon mengecil di HP */ } } /* developed by zhayyn™ *//* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-5a39c41 *//* developed by zhayyn™ */ /* ====================================================== 1. KARTU KACA ORANYE (Untuk Menu 6 Area Zona Integritas) ====================================================== */ .kartu-kaca-oranye { background: linear-gradient(to bottom, #ffca28 0%, #f57c00 100%); border-radius: 12px; padding: 25px 15px; position: relative; overflow: hidden; border: 1px solid #e65100; box-shadow: 0 6px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.6); transition: all 0.3s ease; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; } .kartu-kaca-oranye::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%); z-index: 1; pointer-events: none; } .kartu-kaca-oranye > .elementor-widget { position: relative; z-index: 2; } .kartu-kaca-oranye:hover { transform: scale(1.03); box-shadow: 0 10px 20px rgba(230, 81, 0, 0.5); } .kartu-kaca-oranye .elementor-heading-title { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 18px; font-weight: bold; margin-bottom: 5px; margin-top: 15px; } .kartu-kaca-oranye .elementor-widget-text-editor { color: #ffffff !important; text-shadow: 1px 1px 3px rgba(0,0,0,0.6); font-size: 13px; line-height: 1.3; } @media (max-width: 767px) { .kartu-kaca-oranye { padding: 15px 10px; } .kartu-kaca-oranye .elementor-heading-title { font-size: 15px; } .kartu-kaca-oranye .elementor-widget-text-editor { font-size: 11px; } } /* developed by zhayyn™ */ /* Memaksa kontainer dan baris Elementor menjadi satu garis lurus */ .wadah-geser-zhayyn .elementor-container, .wadah-geser-zhayyn .elementor-row { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding-bottom: 25px !important; justify-content: flex-start !important; width: 100% !important; } /* Memaksa tombol agar seragam dan tidak menciut */ /* --- LEBAR TOMBOL VERSI HP (Tetap Nyaman Dibaca) --- */ .wadah-geser-zhayyn .elementor-column { flex: 0 0 auto !important; width: 160px !important; /* Dikecilkan sedikit agar lebih proporsional */ max-width: 85vw !important; display: block !important; margin-right: 15px !important; } /* --- LEBAR TOMBOL KHUSUS PC/LAPTOP (Paksa Tampil 8 Tombol) --- */ @media (min-width: 1024px) { .wadah-geser-zhayyn .elementor-column { /* Rumus Sakti: 100% layar dibagi 8 tombol, dikurangi jarak antar tombol */ width: calc((100% / 6) - 14px) !important; } } /* Menghilangkan jarak di tombol paling ujung */ .wadah-geser-zhayyn .elementor-column:last-child { margin-right: 0px !important; } /* TATA RIAS SCROLLBAR ELEGAN */ .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar { height: 10px; } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-track, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-track { background: #e9ecef; border-radius: 10px; } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-thumb, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-thumb { background: linear-gradient(to right, #084228, #118a53); border-radius: 10px; } .wadah-geser-zhayyn .elementor-container::-webkit-scrollbar-thumb:hover, .wadah-geser-zhayyn .elementor-row::-webkit-scrollbar-thumb:hover { background: #ff6600; } /* developed by zhayyn™ *//* End custom CSS */