.elementor-16975 .elementor-element.elementor-element-56a78a4{--display:flex;--min-height:0px;--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;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-177px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-16975 .elementor-element.elementor-element-56a78a4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-c486f39{--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;}.elementor-16975 .elementor-element.elementor-element-c486f39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-1c6fe4c .swiper-slide-bg{background-color:#BEB1C3;background-image:url(https://pemudadisporapasuruan.info/wp-content/uploads/2024/10/Sumpahpemuda24-0-scaled.jpeg);background-size:cover;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-1c6fe4c .elementor-background-overlay{background-color:#00000017;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-b87ee85 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://pemudadisporapasuruan.info/wp-content/uploads/2024/10/222b06e766b6031072e2a192c98b2069.jpg);background-size:cover;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-b87ee85 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-031f374 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://pemudadisporapasuruan.info/wp-content/uploads/2024/10/20240920-Content-Creator-5-scaled.jpg);background-size:cover;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .elementor-repeater-item-031f374 .elementor-background-overlay{background-color:rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-8c0f16b .swiper-slide{transition-duration:calc(5000ms*1.2);height:452px;}.elementor-16975 .elementor-element.elementor-element-8c0f16b{margin:10px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .swiper-slide-contents{max-width:66%;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .swiper-slide-inner{text-align:center;}.elementor-16975 .elementor-element.elementor-element-8c0f16b .swiper-pagination-bullet-active{background-color:#FFFCFC;}.elementor-16975 .elementor-element.elementor-element-2124c42{--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;}.elementor-16975 .elementor-element.elementor-element-e7bf560{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16975 .elementor-element.elementor-element-7bcba7f{--display:flex;}.elementor-16975 .elementor-element.elementor-element-983d4dc{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;padding:6px 6px 6px 6px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-d74619f{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;padding:6px 6px 6px 6px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-d74619f .eael-ticker-wrap .eael-ticker .ticker-content a{color:#080202;}.elementor-16975 .elementor-element.elementor-element-d74619f .eael-ticker-wrap .eael-ticker .ticker-content a:hover{color:#f44336;}.elementor-16975 .elementor-element.elementor-element-d74619f .eael-ticker-wrap .ticker-badge{background-color:#A60101;}.elementor-16975 .elementor-element.elementor-element-d74619f .eael-ticker-wrap .ticker-badge span{color:#fff;}.elementor-16975 .elementor-element.elementor-element-d09a4f2{--display:flex;}.elementor-16975 .elementor-element.elementor-element-b8e3338{margin:4px 4px calc(var(--kit-widget-spacing, 0px) + 4px) 4px;padding:6px 6px 6px 6px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-ab013f1{--display:flex;}.elementor-16975 .elementor-element.elementor-element-d72b5db{--display:flex;}.elementor-16975 .elementor-element.elementor-element-e59e8c5{--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;}.elementor-16975 .elementor-element.elementor-element-48ad162{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-16975 .elementor-element.elementor-element-48ad162 > .elementor-widget-container{margin:6px 6px 6px 6px;padding:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-16975 .elementor-element.elementor-element-48ad162:after{content:"0.66";}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__thumbnail__link{width:100%;}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__meta-data span + span:before{content:"•";}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__text{margin-top:20px;}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__badge{right:0;}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16975 .elementor-element.elementor-element-4eefd22{--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;}.elementor-16975 .elementor-element.elementor-element-27c624b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16975 .elementor-element.elementor-element-afacbab{--display:flex;}.elementor-16975 .elementor-element.elementor-element-f3ca90b{--grid-row-gap:8px;--grid-column-gap:20px;}.elementor-16975 .elementor-element.elementor-element-f3ca90b > .elementor-widget-container{margin:6px 6px 6px 6px;padding:4px 4px 4px 4px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-16975 .elementor-element.elementor-element-f3ca90b:after{content:"0.66";}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-post__thumbnail__link{width:100%;}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-post__meta-data span + span:before{content:"///";}.elementor-16975 .elementor-element.elementor-element-f3ca90b.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-16975 .elementor-element.elementor-element-f3ca90b.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-16975 .elementor-element.elementor-element-f3ca90b.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16975 .elementor-element.elementor-element-b0077c0{--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;}.elementor-16975 .elementor-element.elementor-element-32addec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16975 .elementor-element.elementor-element-32addec:not(.elementor-motion-effects-element-type-background), .elementor-16975 .elementor-element.elementor-element-32addec > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-16975 .elementor-element.elementor-element-32addec.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-1862a62{--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;}.elementor-16975 .elementor-element.elementor-element-1862a62.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-9e42410{width:var( --container-widget-width, 103.321% );max-width:103.321%;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:103.321%;--container-widget-flex-grow:0;}.elementor-16975 .elementor-element.elementor-element-9e42410.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-3ba21b7{width:var( --container-widget-width, 72.093% );max-width:72.093%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:72.093%;--container-widget-flex-grow:0;text-align:center;}.elementor-16975 .elementor-element.elementor-element-3ba21b7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-bf46eb2{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-16975 .elementor-element.elementor-element-bf46eb2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-16975 .elementor-element.elementor-element-59a69fb .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-59a69fb .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-16975 .elementor-element.elementor-element-59a69fb .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-16975 .elementor-element.elementor-element-ff71d51 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-ff71d51 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-16975 .elementor-element.elementor-element-ff71d51 .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-16975 .elementor-element.elementor-element-81b646b .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-81b646b .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-16975 .elementor-element.elementor-element-81b646b .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-16975 .elementor-element.elementor-element-d0b27ce .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-d0b27ce .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-16975 .elementor-element.elementor-element-d0b27ce .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-16975 .elementor-element.elementor-element-6023994 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-6023994 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-16975 .elementor-element.elementor-element-6023994 .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-16975 .elementor-element.elementor-element-b8343bf .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-b8343bf .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-16975 .elementor-element.elementor-element-b8343bf .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;}.elementor-16975 .elementor-element.elementor-element-901208f .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-901208f .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-16975 .elementor-element.elementor-element-901208f .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-16975 .elementor-element.elementor-element-24d0454 .elementor-button-content-wrapper{flex-direction:row;}.elementor-16975 .elementor-element.elementor-element-24d0454 .elementor-button .elementor-button-content-wrapper{gap:12px;justify-content:center;}.elementor-16975 .elementor-element.elementor-element-24d0454 .elementor-button{font-family:"Verdana", Sans-serif;font-size:30px;letter-spacing:0.1px;word-spacing:0px;text-shadow:-3px 0px 9px rgba(0,0,0,0.3);box-shadow:0px 0px 6px 0px rgba(0,0,0,0.5);transition-duration:0s;border-radius:0px 0px 0px 0px;padding:11px 11px 11px 11px;}.elementor-16975 .elementor-element.elementor-element-2648bf7{--display:flex;}.elementor-16975 .elementor-element.elementor-element-02f8caa{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.49 * 100% );}.elementor-16975 .elementor-element.elementor-element-02f8caa:after{content:"0.49";}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__thumbnail__link{width:100%;}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__meta-data span + span:before{content:"•";}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__text{margin-top:20px;}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__badge{right:0;}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-16975 .elementor-element.elementor-element-2214e77{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16975 .elementor-element.elementor-element-52faecd{--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;}.elementor-16975 .elementor-element.elementor-element-dce66a2{--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;}.elementor-16975 .elementor-element.elementor-element-2d52df2{--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;}.elementor-16975 .elementor-element.elementor-element-2d02fbd{--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;}.elementor-16975 .elementor-element.elementor-element-3385549{--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;}.elementor-16975 .elementor-element.elementor-element-c305465{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-16975 .elementor-element.elementor-element-c305465 .elementor-divider-separator{width:100%;}.elementor-16975 .elementor-element.elementor-element-c305465 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-16975 .elementor-element.elementor-element-6546c8e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-16975 .elementor-element.elementor-element-edf4b95{--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;}.elementor-16975 .elementor-element.elementor-element-28fb6ca > .elementor-widget-container{margin:8px 8px 8px 8px;padding:12px 12px 12px 12px;transition:background 0.5s;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-28fb6ca.eael_liquid_glass-effect2{background-color:#FFFFFF1F;backdrop-filter:blur(10px) brightness(1);}.elementor-16975 .elementor-element.elementor-element-28fb6ca.eael_liquid_glass_shadow-effect3{border-style:solid;border-width:0px 1px 1px 1px;border-color:#FFFFFF1F;border-radius:8px 8px 8px 8px;box-shadow:1px 1px 10px 5px rgba(255, 255, 255, 0.4);}.elementor-16975 .elementor-element.elementor-element-ecf87af{--display:flex;}.elementor-16975 .elementor-element.elementor-element-1e46ae9{--grid-row-gap:8px;--grid-column-gap:20px;}.elementor-16975 .elementor-element.elementor-element-1e46ae9 > .elementor-widget-container{margin:6px 6px 6px 6px;padding:4px 4px 4px 4px;border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-post__meta-data span + span:before{content:"///";}.elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-16975 .elementor-element.elementor-element-1e46ae9 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-16975 .elementor-element.elementor-element-4539f9b{--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;}.elementor-16975 .elementor-element.elementor-element-5e8ecc3{--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;}.elementor-16975 .elementor-element.elementor-element-69036af{--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;}.elementor-16975 .elementor-element.elementor-element-9aa35b9 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text{color:#556068;}.elementor-16975 .elementor-element.elementor-element-9aa35b9 .e-tabs-items-wrapper .e-tab-title:where( .e-active, :hover ) .e-tab-title-text button{color:#556068;}.elementor-16975 .elementor-element.elementor-element-9aa35b9 .e-tabs-items-wrapper .e-section-title{border-style:solid;}@media(max-width:1024px){.elementor-16975 .elementor-element.elementor-element-e7bf560{--grid-auto-flow:row;}.elementor-16975 .elementor-element.elementor-element-bf46eb2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-16975 .elementor-element.elementor-element-56a78a4{--width:100%;}.elementor-16975 .elementor-element.elementor-element-c486f39{--width:100.793%;}.elementor-16975 .elementor-element.elementor-element-afacbab{--width:50%;}.elementor-16975 .elementor-element.elementor-element-b0077c0{--width:50%;}.elementor-16975 .elementor-element.elementor-element-32addec{--width:65.917%;}.elementor-16975 .elementor-element.elementor-element-1862a62{--width:27.951%;}.elementor-16975 .elementor-element.elementor-element-52faecd{--width:25%;}.elementor-16975 .elementor-element.elementor-element-dce66a2{--width:25%;}.elementor-16975 .elementor-element.elementor-element-2d52df2{--width:25%;}.elementor-16975 .elementor-element.elementor-element-2d02fbd{--width:25%;}.elementor-16975 .elementor-element.elementor-element-edf4b95{--width:50%;}.elementor-16975 .elementor-element.elementor-element-ecf87af{--width:50%;}}@media(max-width:767px){.elementor-16975 .elementor-element.elementor-element-e7bf560{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16975 .elementor-element.elementor-element-48ad162:after{content:"0.5";}.elementor-16975 .elementor-element.elementor-element-48ad162 .elementor-post__thumbnail__link{width:100%;}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16975 .elementor-element.elementor-element-f3ca90b:after{content:"0.5";}.elementor-16975 .elementor-element.elementor-element-f3ca90b .elementor-post__thumbnail__link{width:100%;}.elementor-16975 .elementor-element.elementor-element-bf46eb2{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-16975 .elementor-element.elementor-element-02f8caa:after{content:"0.5";}.elementor-16975 .elementor-element.elementor-element-02f8caa .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-983d4dc */.instagram-carousel-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.instagram-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 0px 10px;
}

.instagram-item {
  flex: 0 0 100%;
  scroll-snap-align: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.instagram-content {
  width: 100%;
  max-width: 400px;
}

.instagram-thumb {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #000;
}

.instagram-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: background 0.3s ease;
}

.instagram-thumb:hover .play-overlay {
  background: rgba(0, 0, 0, 0.25);
}

.play-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.play-icon::before {
  content: '';
  position: absolute;
  left: 28px;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
}

.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ff0050;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.nav-btn.prev { left: 0; }
.nav-btn.next { right: 0; }

.nav-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.pagination-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #ddd;
  cursor: pointer;
}

.pagination-dot.active {
  background: #ff0050;
}

/* Error message untuk video unavailable */
.iframe-error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 580px;
  background: #111;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

.iframe-error a {
  color: #ff0050;
  text-decoration: none;
}

/* Judul Instagram */
/* Wrapper opsional, jika ingin blok judul + carousel satu kelompok */
.instagram-wrapper {
  width: 100%;
}

/* Judul dengan efek shine */
.judul-instagram {
  display: block;
  width: 100%;
  box-sizing: border-box;

  padding: 16px 24px;
  position: relative;
  overflow: hidden;

  /* Base gradient background */
  background: linear-gradient(135deg, #1e88e5, #22c1c3);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;

  border-radius: 8px;
  margin: 0 0 6px 0;
}

/* Shine layer di atas gradient */
.judul-instagram::before {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.35) 40%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0.35) 60%,
    transparent 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
}

/* Animasi shine saat hover */
.judul-instagram:hover::before {
  animation: ig-title-shine 0.9s ease forwards;
}

/* Keyframes efek geser */
@keyframes ig-title-shine {
  0% {
    left: -60%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for eael-content-ticker, class: .elementor-element-d74619f */.instagram-carousel-container {
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.instagram-carousel {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  gap: 20px;
  padding: 0px 10px;
}

.instagram-item {
  flex: 0 0 100%;
  scroll-snap-align: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}

.instagram-content {
  width: 100%;
  max-width: 400px;
}

.instagram-thumb {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  background: #000;
}

.instagram-thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  transition: background 0.3s ease;
}

.instagram-thumb:hover .play-overlay {
  background: rgba(0, 0, 0, 0.25);
}

.play-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.play-icon::before {
  content: '';
  position: absolute;
  left: 28px;
  border-style: solid;
  border-width: 12px 0 12px 20px;
  border-color: transparent transparent transparent #fff;
}

.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: #ff0050;
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.nav-btn.prev { left: 0; }
.nav-btn.next { right: 0; }

.nav-btn:disabled {
  background: #ccc;
  cursor: not-allowed;
}

.pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.pagination-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: #ddd;
  cursor: pointer;
}

.pagination-dot.active {
  background: #ff0050;
}

/* Error message untuk video unavailable */
.iframe-error {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 580px;
  background: #111;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

.iframe-error a {
  color: #ff0050;
  text-decoration: none;
}

/* Judul Instagram */
/* Wrapper opsional, jika ingin blok judul + carousel satu kelompok */
.instagram-wrapper {
  width: 100%;
}

/* Judul dengan efek shine */
.judul-instagram {
  display: block;
  width: 100%;
  box-sizing: border-box;

  padding: 16px 24px;
  position: relative;
  overflow: hidden;

  /* Base gradient background */
  background: linear-gradient(135deg, #1e88e5, #22c1c3);
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;

  border-radius: 8px;
  margin: 0 0 6px 0;
}

/* Shine layer di atas gradient */
.judul-instagram::before {
  content: '';
  position: absolute;
  top: 0;
  left: -60%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    105deg,
    transparent 0%,
    rgba(255, 255, 255, 0.35) 40%,
    rgba(255, 255, 255, 0.75) 50%,
    rgba(255, 255, 255, 0.35) 60%,
    transparent 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
}

/* Animasi shine saat hover */
.judul-instagram:hover::before {
  animation: ig-title-shine 0.9s ease forwards;
}

/* Keyframes efek geser */
@keyframes ig-title-shine {
  0% {
    left: -60%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b8e3338 *//* styling JUDUL */

.download-btn{
  display:inline-block;
  text-align:center;
  font-weight:600;
  /* styling tambahan opsional */
  text-decoration:none;
  color:#111827;
}

/* Bungkus dengan container yang rata tengah */
.download-wrapper{
  text-align:center;
  margin:10px 0;
}

  .download-btn {
    display: inline-block;
    padding: 14px 24px;
    border-radius: 8px;
    background: linear-gradient(135deg, #1e88e5, #22c1c3);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: none;
    letter-spacing: 0.3px;
    box-shadow: 0 8px 20px rgba(30, 136, 229, 0.35);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    text-align: center;
    min-width: 280px; /* ✅ Tambahkan ini - lebar minimum tetap */
    box-sizing: border-box; /* ✅ Tambahkan ini */
  }

  .download-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    transform: skewX(-25deg);
    transition: all 0.5s ease;
  }

  .download-btn:hover::before {
    left: 120%;
  }

  .download-btn:hover {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 12px 26px rgba(30, 136, 229, 0.45);
    background: linear-gradient(135deg, #1e88e5, #0288d1);
    color: #ffffff;
  }

  .download-btn:active {
    transform: translateY(0) scale(0.99);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3);
  }

  @media (max-width: 768px) {
    .download-btn {
      width: 100%; /* ✅ Di HP otomatis full width */
      min-width: unset; /* ✅ Hapus min-width di HP */
      box-sizing: border-box;
      font-size: 13px;
      padding: 12px 16px;
    }
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c99e0f4 *//* =====================================
   JUDUL INFOGRAFIS
===================================== */

.igf-header{
    width:100%;
    margin:0 0 25px 0;
}

.igf-header-text{
    display:block;
    width:100%;
    box-sizing:border-box;

    padding:14px 24px;

    border-radius:12px;

    background:
        linear-gradient(
            105deg,
            transparent 40%,
            rgba(255,255,255,.20) 45%,
            rgba(255,255,255,.45) 50%,
            rgba(255,255,255,.20) 55%,
            transparent 60%
        ),
        linear-gradient(
            135deg,
            #1976d2,
            #26c6da
        );

    background-size:
        250% 100%,
        100% 100%;

    background-position:
        250% 0,
        0 0;

    color:#fff;

    font-size:22px;
    font-weight:700;

    letter-spacing:.5px;

    text-transform:uppercase;

    box-shadow:
        0 6px 18px rgba(25,118,210,.25);

    transition:
        background-position .8s ease,
        transform .25s ease;
}

.igf-header-text:hover{
    background-position:
        -250% 0,
        0 0;

    transform:translateY(-2px);
}

@media(max-width:767px){

    .igf-header-text{
        font-size:16px;
        padding:12px 16px;
    }

}
/* =========================
   WRAPPER INFOGRAFIS
========================= */
.grafis.grafis-infografis{
    width:100%;
    position:relative;
    margin:auto;
    padding:0 40px;          /* beri ruang agar tombol tidak mepet konten lain */
    box-sizing:border-box;
}

/* =========================
   VIEWPORT
========================= */
.grafis.grafis-infografis .grafis-viewport{
    overflow:hidden;
    width:100%;
    position:relative;
}

/* =========================
   TRACK
========================= */
.grafis.grafis-infografis .grafis-track{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    transition:transform .6s ease;
    will-change:transform;
}
/* =========================
   ITEM (DESKTOP & MOBILE)
========================= */

/* Desktop/tablet: 2 kolom */
.grafis.grafis-infografis .grafis-item{
    flex:0 0 50% !important;
    max-width:50% !important;
    padding:10px;
    box-sizing:border-box;

    display:flex;
    justify-content:center;
    align-items:center;
}

/* Mobile: 1 kolom */
@media(max-width:767px){
    .grafis.grafis-infografis{
        padding:0 20px;
    }

    .grafis.grafis-infografis .grafis-item{
        flex:0 0 100% !important;
        max-width:100% !important;
    }
}

/* =========================
   GAMBAR (LANDSCAPE)
========================= */
.grafis.grafis-infografis .grafis-item img{
    width:100%;
    height:auto;
    max-height:420px;
    object-fit:contain;
    object-position:center;
    display:block;
    border-radius:14px;
    box-shadow:0 5px 18px rgba(0,0,0,.15);
}

@media(max-width:767px){
    .grafis.grafis-infografis .grafis-item img{
        max-height:320px;
    }
}

/* =========================
   BUTTON (LEFT / RIGHT)
========================= */
.grafis.grafis-infografis .grafis-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:5;                  /* di atas gambar */
    font-size:20px;
    box-shadow:0 4px 15px rgba(0,0,0,.18);
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Tombol kiri dan kanan */
.grafis.grafis-infografis .grafis-prev{
    left:0;
}

.grafis.grafis-infografis .grafis-next{
    right:0;
}

.grafis.grafis-infografis .grafis-btn:hover{
    transform:translateY(-50%) scale(1.08);
}

/* =========================
   DOTS (NAVIGATOR)
========================= */
.grafis.grafis-infografis .grafis-dots{
    display:flex;
    justify-content:center;
    gap:8px;
    margin-top:16px;
}

.grafis.grafis-infografis .grafis-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#d1d5db;
    cursor:pointer;
}

.grafis.grafis-infografis .grafis-dot.active{
    background:#0284c7;
}

/* ==================================
   LIGHTBOX INFOGRAFIS
================================== */

.grafis-lightbox-infografis{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.9);
    display:flex;
    justify-content:center;
    align-items:center;
    opacity:0;
    visibility:hidden;
    transition:.3s ease;
    z-index:999999;
    padding:30px;
}

/* ACTIVE */

.grafis-lightbox-infografis.active{
    opacity:1;
    visibility:visible;
}

/* IMAGE */

.grafis-lightbox-infografis img{
    max-width:95vw;
    max-height:90vh;
    object-fit:contain;
    border-radius:12px;
    box-shadow:0 10px 40px rgba(0,0,0,.4);
    animation:grafisInfografisZoom .25s ease;
}

/* CLOSE */

.grafis-lightbox-infografis .grafis-lightbox-close{
    position:absolute;
    top:20px;
    right:25px;
    color:#fff;
    font-size:38px;
    line-height:1;
    cursor:pointer;
    font-weight:700;
}

/* ZOOM EFFECT */

@keyframes grafisInfografisZoom{
    from{
        transform:scale(.9);
        opacity:0;
    }
    to{
        transform:scale(1);
        opacity:1;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ae53a9c *//* ==========================================
   JUDUL "The Flyer" - CSS ONLY 
   ========================================== */

.flyer::before {
    content: 'The Flyer';
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 14px 24px;
    border-radius: 8px;
    background: 
        linear-gradient(
            105deg,
            transparent 40%,
            rgba(255, 255, 255, 0.3) 45%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0.3) 55%,
            transparent 60%
        ),
        linear-gradient(135deg, #1e88e5, #22c1c3);
    background-size: 200% 100%, 100% 100%;
    background-position: 200% 0, 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-position 0.6s ease;
    cursor: default;
}

/* Shine bergerak saat hover */
.flyer:hover::before {
    background-position: -200% 0, 0 0;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(30, 136, 229, 0.45);
}

.flyer:active::before {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3);
}

@media (max-width: 768px) {
    .flyer::before {
        font-size: 13px;
        padding: 12px 16px;
    }
}
/* =====================================
   WRAPPER
===================================== */

.flyer{
    width:100%;
    position:relative;
    overflow:hidden;
}

.flyer-title{
    text-align:center;
    font-size:28px;
    font-weight:700;
    margin-bottom:20px;
    color:#1e293b;
}
/* ==================================
   LIGHTBOX
================================== */

.flyer-lightbox{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.9);

    display:flex;
    justify-content:center;
    align-items:center;

    opacity:0;
    visibility:hidden;

    transition:.3s ease;

    z-index:999999;

    padding:30px;

}

/* ACTIVE */

.flyer-lightbox.active{

    opacity:1;
    visibility:visible;

}

/* IMAGE */

.flyer-lightbox img{

    max-width:95vw;
    max-height:90vh;

    object-fit:contain;

    border-radius:12px;

    box-shadow:
    0 10px 40px rgba(0,0,0,.4);

    animation:flyerZoom .25s ease;

}

/* CLOSE */

.flyer-lightbox-close{

    position:absolute;

    top:20px;
    right:25px;

    color:#fff;

    font-size:38px;

    line-height:1;

    cursor:pointer;

    font-weight:700;

}

/* ZOOM EFFECT */

@keyframes flyerZoom{

    from{
        transform:scale(.9);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }

}
/* =====================================
   VIEWPORT
===================================== */

.flyer-viewport{
    width:100%;
    overflow:hidden;
    position:relative;
}

/* =====================================
   TRACK
===================================== */

.flyer .flyer-track{
    display:flex;

    transition:
        transform .75s cubic-bezier(
            0.22,
            1,
            0.36,
            1
        );

    will-change:transform;
}

/* =========================
   ITEM
========================= */

.flyer .flyer-item{
    flex:0 0 33.333%;
    padding:10px;
    box-sizing:border-box;
}

/* KARTU GAMBAR */

.flyer .flyer-item{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* FRAME */

.flyer .flyer-item img{

    width:100%;
    height:420px;          /* tinggi seragam */

    object-fit:contain;    /* seluruh gambar tampil */

    object-position:center center;

    background:#f3f4f6;

    border-radius:14px;

    box-shadow:
        0 8px 25px rgba(0,0,0,.12);

    transition:
        transform .4s ease,
        box-shadow .4s ease;
}

/* HOVER */

.flyer .flyer-item:hover img{

    transform:translateY(-6px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.18);

}

/* MOBILE */

@media(max-width:767px){

    .flyer .flyer-item{
        flex:0 0 100%;
    }

    .flyer .flyer-item img{
        height:320px;
    }
}

/* =====================================
   NAVIGATION
===================================== */

.flyer-btn{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:48px;
    height:48px;
    border:none;
    border-radius:50%;
    background:#ffffff;
    box-shadow:0 4px 15px rgba(0,0,0,.18);
    cursor:pointer;
    z-index:20;
    font-size:24px;
    font-weight:bold;
}

.flyer-prev{
    left:10px;
}

.flyer-next{
    right:10px;
}

.flyer-btn:hover{
    transform:translateY(-50%) scale(1.08);
}

/* =====================================
   DOTS
===================================== */

.flyer-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:20px;
}

.flyer-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#cbd5e1;
    cursor:pointer;
    transition:.3s;
}

.flyer-dot.active{
    background:#0ea5e9;
}

/* =====================================
   MOBILE
===================================== */

@media(max-width:767px){

    .flyer-item{
        flex:0 0 100%;
    }

    .flyer-btn{
        width:40px;
        height:40px;
        font-size:20px;
    }

}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-48ad162 *//* ==========================================
   JUDUL "POST TERBARU" - CSS ONLY (TANPA SHINE PSEUDO)
   ========================================== */

.Kemenpora::before {
    content: 'Post Terbaru';
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 14px 24px;
    border-radius: 8px;
    background: 
        linear-gradient(
            105deg,
            transparent 40%,
            rgba(255, 255, 255, 0.3) 45%,
            rgba(255, 255, 255, 0.5) 50%,
            rgba(255, 255, 255, 0.3) 55%,
            transparent 60%
        ),
        linear-gradient(135deg, #1e88e5, #22c1c3);
    background-size: 200% 100%, 100% 100%;
    background-position: 200% 0, 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 25px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-position 0.6s ease;
    cursor: default;
}

/* Shine bergerak saat hover */
.Kemenpora:hover::before {
    background-position: -200% 0, 0 0;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(30, 136, 229, 0.45);
}

.Kemenpora:active::before {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.3);
}

@media (max-width: 768px) {
    .Kemenpora::before {
        font-size: 13px;
        padding: 12px 16px;
    }
}
/* ==========================================
   KEMENPORA STYLE - CAROUSEL WITH EQUAL HEIGHT
   ========================================== */

/* Container utama */
.Kemenpora {
    position: relative;
    width: 100%;
    padding: 0 0 60px;
}

/* Layout kartu dengan Flexbox untuk horizontal scroll */
.Kemenpora .elementor-posts-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    padding: 0 10px 20px;
    scrollbar-width: thin;
    scrollbar-color: #0275d8 #f0f0f0;
}

/* Custom scrollbar */
.Kemenpora .elementor-posts-container::-webkit-scrollbar {
    height: 8px;
}

.Kemenpora .elementor-posts-container::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 4px;
}

.Kemenpora .elementor-posts-container::-webkit-scrollbar-thumb {
    background: #0275d8;
    border-radius: 4px;
}

.Kemenpora .elementor-posts-container::-webkit-scrollbar-thumb:hover {
    background: #025aa5;
}

/* Kartu individu - Equal Height */
.Kemenpora .elementor-post {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 calc(33.333% - 14px); /* 3 kartu per layar dengan memperhitungkan gap */
    min-width: 0;
    height: 100%;
    scroll-snap-align: start;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect kartu */
.Kemenpora .elementor-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 123, 255, 0.15);
}

/* Container Gambar - Fixed height */
.Kemenpora .elementor-post__thumbnail {
    width: 100%;
    height: 220px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    background: #f5f5f5;
}

/* Gambar - Proper positioning tanpa efek geser */
.Kemenpora .elementor-post__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: filter 0.3s ease, opacity 0.3s ease;
}

/* Hover effect pada gambar - Efek cerah dengan brightness & opacity */
.Kemenpora .elementor-post:hover .elementor-post__thumbnail img {
    filter: brightness(1.15) contrast(1.05);
    opacity: 0.95;
}

/* Alternatif: Overlay gelap saat hover pada container thumbnail */
.Kemenpora .elementor-post__thumbnail::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    transition: background 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.Kemenpora .elementor-post:hover .elementor-post__thumbnail::before {
    background: rgba(0, 0, 0, 0.1);
}

/* Pastikan gambar tetap di atas overlay */
.Kemenpora .elementor-post__thumbnail img {
    position: relative;
    z-index: 0;
}

/* Konten teks */
.Kemenpora .elementor-post__text {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
}

/* Meta data (kategori & tanggal) */
.Kemenpora .elementor-post__meta-data {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    margin-bottom: 12px;
}

.Kemenpora .elementor-post-date {
    color: #888;
    font-weight: 500;
}

/* Judul - Diperbaiki line-height & min-height agar tidak terpotong */
.Kemenpora .elementor-post__title {
    font-size: 18px;
    line-height: 1.5; /* Dinaikkan dari 1.4 ke 1.5 */
    font-weight: 700;
    margin-bottom: 12px;
    color: #111;
    min-height: 54px; /* Disesuaikan agar pas dengan baris baru */
    padding-bottom: 2px; /* Memberikan napas bagi huruf terbawah g, j, p, q, y */
}

.Kemenpora .elementor-post__title a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s;
}

.Kemenpora .elementor-post__title a:hover {
    color: #0275d8;
}

.Kemenpora .elementor-post__excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    flex-grow: 1;

    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;

    overflow: hidden;
}

/* ==========================================
   PAGINATION - DEFAULT ELEMENTOR STYLE
   ========================================== */

.Kemenpora .elementor-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 30px;
    flex-wrap: wrap;
}

.Kemenpora .elementor-pagination .page-numbers {
    min-width: 38px;
    height: 38px;
    border: 1px solid #e0e0e0;
    background: #ffffff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    color: #555;
    text-decoration: none;
    transition: all 0.2s ease;
    padding: 0 12px;
}

.Kemenpora .elementor-pagination .page-numbers:hover {
    border-color: #0275d8;
    color: #0275d8;
    transform: translateY(-2px);
}

.Kemenpora .elementor-pagination .page-numbers.current {
    background: #0275d8;
    color: #fff;
    border-color: #0275d8;
    box-shadow: 0 4px 10px rgba(2, 117, 216, 0.3);
}

.Kemenpora .elementor-pagination .page-numbers.dots {
    border: none;
    background: transparent;
    box-shadow: none;
    color: #888;
}

/* ==========================================
   RESPONSIVE - TABLET
   ========================================== */

@media (max-width: 1024px) {
    .Kemenpora .elementor-post {
        flex: 0 0 calc(50% - 10px); /* 2 kartu per layar */
    }
}
/* ==========================================
   RESPONSIVE - Smooth
   ========================================== */
.Kemenpora .elementor-posts-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-behavior: smooth; /* TAMBAHKAN INI - membuat scroll lebih halus */
    -webkit-overflow-scrolling: touch;
    gap: 20px;
    padding: 0 10px 20px;
    scrollbar-width: thin;
    scrollbar-color: #0275d8 #f0f0f0;
}
/* ==========================================
   RESPONSIVE - MOBILE
   ========================================== */

@media (max-width: 767px) {
    .Kemenpora {
        padding: 0 0 50px;
    }

    .Kemenpora .elementor-posts-container {
        gap: 15px;
        padding: 0 5px 20px;
    }

    .Kemenpora .elementor-post {
        flex: 0 0 85%; /* 1 kartu dengan sedikit kartu berikutnya terlihat */
        min-width: 280px;
        scroll-snap-align: center;
    }

    .Kemenpora .elementor-post__thumbnail {
        height: 200px;
    }

    .Kemenpora .elementor-post__title {
        min-height: auto;
        font-size: 16px;
        line-height: 1.4; /* Menjaga kestabilan di mobile */
    }

    .Kemenpora .elementor-pagination {
        gap: 6px;
    }

    .Kemenpora .elementor-pagination .page-numbers {
        min-width: 32px;
        height: 32px;
        font-size: 12px;
        padding: 0 10px;
    }
}

/* ==========================================
   DESKTOP - SAMAKAN TINGGI KARTU
   ========================================== */
@media (min-width: 1025px) {

    /* Semua kartu memiliki tinggi yang sama */
    .Kemenpora .elementor-post {
        height: 630px;
        min-height: 620px;
    }

    /* Area teks mengisi ruang yang tersedia */
    .Kemenpora .elementor-post__text {
        display: flex;
        flex-direction: column;
        flex: 1;
        overflow: hidden;
    }

    /* Judul maksimal 2 baris - Diperbarui agar tidak memotong teks bawah */
    .Kemenpora .elementor-post__title {
        min-height: 54px;
        max-height: 54px;
        overflow: hidden;
    }

    /* Excerpt mengisi sisa ruang */
    .Kemenpora .elementor-post__excerpt {
        flex: 1;
        overflow: hidden;
    }
}


/* =========================================
   PENGATURAN LOAD LOKAL Khusus
   Class .Kemenpora
  
   ===================================== */
 .Kemenpora.loading {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.2s ease;
} 

/* Pastikan thumbnail card tampil penuh */
.elementor-post__card .elementor-post__thumbnail {
  display: block;
  overflow: hidden;
}

.elementor-post__card .elementor-post__thumbnail img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Pastikan badge tidak menimpa gambar secara aneh */
.elementor-post__card .elementor-post__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}

/* Pastikan post card wrapper relatif untuk badge */
.elementor-post__card {
  position: relative;
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f3ca90b *//* ==================================================
   POSTS PREMIUM CAROUSEL
   CLASS : Category
================================================== */

/* Container Utama */
.Category .elementor-posts-container{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:50px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    padding:10px 12px 24px !important;
    scrollbar-width:none;
    justify-content:center;
}

.Category .elementor-posts-container::-webkit-scrollbar{
    display:none;
}

/* Card */
.Category .elementor-post{
    flex:0 0 min(92%, 420px);
    width:min(92%, 420px);
    min-width:min(92%, 320px);
    max-width:420px;

    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:
        0 5px 15px rgba(0,0,0,.06),
        0 15px 35px rgba(0,0,0,.08);
    transition:transform .35s ease, box-shadow .35s ease;
    scroll-snap-align:center;
    position:relative;
}

/* Matikan pseudo-element global */
.Category .elementor-post::before,
.Category .elementor-post::after{
    content:none !important;
}

/* Hover KARTU saja, bukan gambar */
.Category .elementor-post:hover{
    transform:none !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.12),
        0 20px 45px rgba(0,0,0,.15);
}

/* ===== THUMBNAIL – TANPA HOVER, TANPA GERAK ===== */

/* Container thumbnail */
.Category .elementor-post__thumbnail{
    position:relative;
    overflow:hidden;
    margin-bottom:0 !important;
    height:230px;
}

/* Gambar di dalam thumbnail */
.Category .elementor-post__thumbnail img{
    display:block;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;

    /* pastikan semua efek hilang */
    transform:none !important;
    transition:none !important;
}

/* Saat hover: tetap tidak berubah */
.Category .elementor-post:hover .elementor-post__thumbnail img,
.Category .elementor-post:focus .elementor-post__thumbnail img{
    transform:none !important;
    transition:none !important;
}

/* Area Konten */
.Category .elementor-post__text{
    padding:12px 16px 16px !important;
}

/* Judul */
.Category .elementor-post__title{
    margin:0 0 6px !important;
}

.Category .elementor-post__title a{
    display:block;
    color:#1f2937;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    text-decoration:none;
}

/* Meta */
.Category .elementor-post__meta-data{
    color:#6b7280;
    font-size:13px;
    margin-bottom:8px;
}

/* Excerpt */
.Category .elementor-post__excerpt{
    color:#4b5563;
    line-height:1.6;
    font-size:14px;
}

/* Read More */
.Category .elementor-post__read-more{
    display:inline-block;
    margin-top:10px;
    padding:8px 16px;
    border-radius:50px;
    background:#0d6efd;
    color:#fff !important;
    text-decoration:none;
    font-size:13px;
    transition:background .3s ease;
}

.Category .elementor-post__read-more:hover{
    background:#084298;
}

/* Mobile */
@media(max-width:767px){

    .Category .elementor-posts-container{
        padding:10px 10px 20px !important;
        gap:16px !important;
    }

    .Category .elementor-post{
        flex:0 0 100%;
        width:100%;
        min-width:100%;
        max-width:100%;
    }

    .Category .elementor-post__thumbnail{
        height:180px;
    }

    .Category .elementor-post__title a{
        font-size:16px;
    }
}


/* ========= FIX THUMBNAIL SHIFT (TAMBAHAN) ========= */

/* Reset posisi dan transform yang mungkin diwariskan */
.Category .elementor-post__thumbnail,
.Category .elementor-post__thumbnail img,
.Category .elementor-post__thumbnail a,
.Category .elementor-post,
.Category .elementor-post * {
  position: static !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto important;
  bottom: auto !important;
  transform: none !important;
  transform-origin: initial !important;
  will-change: auto !important;
}

/* Pastikan gambar menutupi area thumbnail tanpa bergeser */
.Category .elementor-post__thumbnail{
  overflow:hidden !important;
  display:block !important;
  height:230px; /* pertahankan ukuran asli; ubah jika perlu */
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* Gambar sebagai <img> */
.Category .elementor-post__thumbnail img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  transform:none !important;
  transition:none !important;
  position:relative !important;
}

/* Nonaktifkan pseudo-elemen yang menimpa thumbnail */
.Category .elementor-post__thumbnail::before,
.Category .elementor-post__thumbnail::after,
.Category .elementor-post::before,
.Category .elementor-post::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Jika Elementor menggunakan link dengan background-image */
.Category .elementor-post__thumbnail a,
.Category .elementor-post__thumbnail .elementor-image{
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Hindari offset dari scroll-snap / scroll-margin */
.Category .elementor-post{
  scroll-margin:0 !important;
  box-sizing:border-box !important;
}

/* Mobile override (jaga proporsinya) */
@media(max-width:767px){
  .Category .elementor-post__thumbnail{ height:180px; }
  .Category .elementor-post__thumbnail img{ height:100% !important; }
}


/* ========= FIX NAV ARROWS POSITION ========= */
.Category .elementor-posts-container .elementor-swiper-button-prev,
.Category .elementor-posts-container .elementor-swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 30 !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.6) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  opacity: 1 !important;
}

/* Posisi kanan/kiri terpisah */
.Category .elementor-posts-container .elementor-swiper-button-prev {
  left: 12px !important;
}
.Category .elementor-posts-container .elementor-swiper-button-next {
  right: 12px !important;
}

/* Jika tombol berada di dalam tiap .elementor-post (beberapa widget me-render tombol relatif ke card) */
.Category .elementor-post {
  position: relative !important;
}
.Category .elementor-post .elementor-swiper-button-prev,
.Category .elementor-post .elementor-swiper-button-next {
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 12px !important;
  right: 12px !important;
}

/* Sembunyikan tombol default yang duplicate di pojok jika ada */
.Category .elementor-posts .elementor-swiper-button {
  display: block !important;
}

/* Kecilkan di mobile dan pindahkan lebih dekat */
@media(max-width:767px){
  .Category .elementor-posts-container .elementor-swiper-button-prev,
  .Category .elementor-posts-container .elementor-swiper-button-next {
    width:36px !important;
    height:36px !important;
    left:8px !important;
    right:8px !important;
  }
}

/* dari DUCK AI 2*/


/* ====== NAV ARROWS: POSISI ABSOLUT TANPA Mempengaruhi LAYOUT ====== */
.Category .elementor-posts-container { position: relative !important; }

/* Pastikan tombol menggunakan container root (bukan di dalam tiap .elementor-post) */
.Category .elementor-swiper-button-prev,
.Category .elementor-swiper-button-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 40 !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  border-radius: 999px !important;
  background: rgba(0,0,0,0.6) !important;
  color: #fff !important;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
  opacity: 1 !important;
  margin: 0 !important;
}

/* Pastikan tombol tidak mempengaruhi ukuran flex container */
.Category .elementor-posts-container .elementor-swiper-button-prev,
.Category .elementor-posts-container .elementor-swiper-button-next {
  display: flex !important;
  flex: 0 0 auto !important;
}

/* Letakkan kiri/kanan di luar area kartu */
.Category .elementor-posts-container .elementor-swiper-button-prev { left: 8px !important; }
.Category .elementor-posts-container .elementor-swiper-button-next { right: 8px !important; }

/* Jika Elementor juga menyisipkan tombol INSIDE setiap .elementor-post (duplikat), sembunyikan versi dalam card agar tidak mengubah flow */
.Category .elementor-post .elementor-swiper-button-prev,
.Category .elementor-post .elementor-swiper-button-next {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Untuk mencegah script/inline style dari mengubah display flex ke block pada container ketika tombol muncul */
.Category .elementor-posts-container[style],
.Category .elementor-posts-container *[style] {
  /* override common inline changes that break layout */
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  gap: 50px !important;
}

/* Responsive: kecilkan dan geser tombol di mobile */
@media (max-width: 767px) {
  .Category .elementor-swiper-button-prev,
  .Category .elementor-swiper-button-next {
    width: 36px !important;
    height: 36px !important;
    left: 6px !important;
    right: 6px !important;
  }
  /* Pastikan container tetap row pada mobile */
  .Category .elementor-posts-container {
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:16px !important;
  }
}

/* SAMA TINGGI DENGAN TIKTOK */
/* Sinkronkan tinggi container carousel posts dengan TikTok (580px) /
.Category .elementor-posts-container
{
height:580px !important;
align-items:flex-start !important; / jaga agar isi tetap di atas */
}

/* Sesuaikan kartu agar vertikal tidak pecah dan tetap center secara vertikal */
.Category .elementor-post{
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
height:100% !important;
}

/* Thumbnail tetap menggunakan proporsi dalam kartu /
.Category .elementor-post__thumbnail{
height:58% !important; / kira-kira 58% dari 580px => ~336px; sesuaikan jika perlu */
max-height:336px !important;
}

/* Konten bawah (judul/excerpt) gunakan sisa ruang */
.Category .elementor-post__text{
flex:0 0 auto !important;
}

/* Override tombol nav agar vertikal tetap tidak berubah */
.Category .elementor-posts-container .elementor-swiper-button-prev,
.Category .elementor-posts-container .elementor-swiper-button-next{
top:50% !important;
transform:translateY(-50%) !important;
}

/* Responsif: pada layar kecil, gunakan tinggi lebih kecil */
@media (max-width:767px){
.Category .elementor-posts-container{ height:420px !important; }
.Category .elementor-post__thumbnail{ height:60% !important; max-height:260px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b413b88 */.category-prev,
.category-next{
    position:absolute;
    top:40%;
    transform:translateY(-50%);
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    z-index:999;
    box-shadow:0 5px 15px rgba(0,0,0,.2);
}

.category-prev{
    left:-20px;
}

.category-next{
    right:-20px;
}

.category-prev:hover,
.category-next:hover{
    transform:translateY(-50%) scale(1.08);
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-02f8caa */.posts-original .elementor-post__card{
    background:#fff !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
    transform:none !important;
}

.posts-original .elementor-post__title{
    color:inherit !important;
}

.posts-original .elementor-post__meta-data{
    color:inherit !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-recent-posts, class: .elementor-element-28fb6ca *//* ===== Container & heading ===== */
.elementor-widget-wp-widget-recent-posts {
  --rp-bg: #ffffff;
  --rp-card: #f8fafc;
  --rp-border: rgba(15,23,42,0.06);
  --rp-title: #0f1724;
  --rp-muted: #6b7280;
  --accent: #06b6d4;
  font-family: system-ui,-apple-system,"Segoe UI",Roboto, "Helvetica Neue", Arial;
}

.elementor-widget-wp-widget-recent-posts .elementor-widget-container {
  padding: 18px;
  background: var(--rp-bg);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(2,6,23,0.04);
}

/* Heading */
.elementor-widget-wp-widget-recent-posts .elementor-widget-container > h5 {
  margin: 0 0 14px;
  font-size: 16px;
  font-weight: 700;
  color: var(--rp-title);
  letter-spacing: -.2px;
}

/* ===== List grid ===== */
.elementor-widget-wp-widget-recent-posts ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

/* Each item: card with left thumbnail + right text */
.elementor-widget-wp-widget-recent-posts ul li {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 10px;
  background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.95));
  border: 1px solid var(--rp-border);
  border-radius: 10px;
  transition: transform .22s cubic-bezier(.2,.9,.2,1), box-shadow .22s ease, border-color .22s ease;
  will-change: transform;
  overflow: hidden;
}

/* Left thumbnail (if theme provides img inside link, use it; otherwise show placeholder) */
.elementor-widget-wp-widget-recent-posts ul li a img,
.elementor-widget-wp-widget-recent-posts ul li img {
  width: 64px;
  height: 48px;
  object-fit: cover;
  border-radius: 8px;
  flex: 0 0 64px;
  box-shadow: 0 6px 18px rgba(2,6,23,0.06);
}


/* If actual img exists inside link, hide the placeholder */
.elementor-widget-wp-widget-recent-posts ul li a img + * {}

/* Title + meta wrapper */
.elementor-widget-wp-widget-recent-posts ul li .rp-meta-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0; /* allow truncation */
}

/* Title link styling (two-line clamp) */
.elementor-widget-wp-widget-recent-posts ul li a {
  color: var(--rp-title);
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.25;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
}

/* Post date and chevron row */
.elementor-widget-wp-widget-recent-posts ul li .post-info {
  display: flex;
  gap: 8px;
  align-items: center;
  color: var(--rp-muted);
  font-size: 12px;
}

/* small dot separator */
.elementor-widget-wp-widget-recent-posts ul li .post-info .dot {
  width: 4px;
  height: 4px;
  background: var(--rp-border);
  border-radius: 50%;
  display: inline-block;
}

/* Chevron icon (pseudo) */
.elementor-widget-wp-widget-recent-posts ul li .post-info .chev {
  margin-left: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--accent);
  font-size: 14px;
}

/* Hover interactions: lift and reveal accent */
.elementor-widget-wp-widget-recent-posts ul li:hover {
  transform: translateY(-6px);
  border-color: rgba(6,182,212,0.18);
  box-shadow: 0 18px 40px rgba(6,24,40,0.06);
}

/* On hover, title accent color */
.elementor-widget-wp-widget-recent-posts ul li:hover a {
  color: var(--accent);
  text-decoration: none;
}

/* Make date muted on hover slightly darker */
.elementor-widget-wp-widget-recent-posts ul li:hover .post-info {
  color: rgba(15,23,36,0.6);
}

/* Remove default span layout and move date into .post-info */
/* Ensure .post-date is inline and not forced to next line */
.elementor-widget-wp-widget-recent-posts ul li .post-date {
  display: inline-block;
  white-space: nowrap;
  color: var(--rp-muted);
  font-size: 12px;
}

/* Last item tweak */
.elementor-widget-wp-widget-recent-posts ul li:last-child {
  margin-bottom: 0;
}

/* ===== Responsive ===== */
@media (max-width: 640px) {
  .elementor-widget-wp-widget-recent-posts ul {
    gap: 8px;
  }
  .elementor-widget-wp-widget-recent-posts ul li {
    padding: 10px;
    gap: 10px;
  }
  .elementor-widget-wp-widget-recent-posts ul li a::before,
  .elementor-widget-wp-widget-recent-posts ul li img {
    width: 56px;
    height: 42px;
    flex: 0 0 56px;
  }
  .elementor-widget-wp-widget-recent-posts .elementor-widget-container {
    padding: 14px;
  }
}

/* ===== Accessibility: focus styles ===== */
.elementor-widget-wp-widget-recent-posts ul li a:focus {
  outline: 3px solid rgba(6,182,212,0.16);
  outline-offset: 3px;
  border-radius: 6px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c936ab3 */.download-btn {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

    text-align: left !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;

    padding: 14px 24px;
    border-radius: 8px;
    background: linear-gradient(135deg, #1e88e5, #22c1c3);
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    white-space: normal;
}

.download-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -40%;
    width: 40%;
    height: 100%;
    background: rgba(255,255,255,.25);
    transform: skewX(-25deg);
    transition: all .5s ease;
}

.download-btn:hover::before {
    left: 120%;
}

.download-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(30,136,229,.45);
    background: linear-gradient(135deg, #1e88e5, #0288d1);
    color: #fff;
}

.download-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15,23,42,.3);
}

@media (max-width:768px) {
    .download-btn {
        font-size: 13px;
        padding: 12px 16px;
    }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-1e46ae9 *//* 1. Reset total container luar agar bersih */
 .posts-modern .elementor-post {
    display: block !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    /* DIUBAH: Jarak antar baris post dirapatkan dari 16px menjadi 8px */
    margin: 0 0 8px 0 !important; 
}

/* 2. KUNCI UTAMA: Menggunakan 'stretch' agar tinggi kanan-kiri selalu sama */
 .posts-modern .elementor-post__text {
    display: flex !important;
    flex-direction: row !important; 
    align-items: stretch !important; /* Membuat tinggi kotak tanggal = tinggi kotak judul */
    justify-content: space-between !important; 
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important; 
}

/* 3. Kotak Kiri: Judul Post (Gaya Keren & Premium) */
 .posts-modern .elementor-post__title {
    flex: 1 !important; 
    min-width: 0 !important;
    margin: 0 10px 0 0 !important; /* Jarak horizontal pemisah antara kotak judul & tanggal sedikit dirapatkan */
    text-align: left !important;
    
    background: #f8fafc !important; /* Background off-white bersih */
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important; /* Sudut melengkung modern */
    /* DIUBAH: Padding atas-bawah dikurangi dari 16px menjadi 10px agar kotak lebih ramping & rapat */
    padding: 10px 20px !important; 
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02); /* Bayangan super tipis */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Link judul */
 .posts-modern .elementor-post__title a {
    display: block !important;
    color: #1e293b !important; /* Warna teks gelap Slate yang elegan */
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important; /* Diubah sedikit agar jarak baris teks internal lebih pas */
    text-decoration: none !important;
    white-space: normal !important; 
    word-break: break-word !important;
    transition: color 0.2s ease !important;
}

/* 4. Kotak Kanan: Tanggal (Ikut Tinggi Judul) */
 .posts-modern .elementor-post__meta-data {
    display: flex !important;
    align-items: center !important; /* Teks tanggal tetap di tengah vertikal di dalam kotaknya */
    justify-content: center !important;
    flex-shrink: 0 !important; 
    white-space: nowrap !important; 
    margin: 0 !important;
    
    background: #f1f5f9 !important; /* Warna background tanggal sedikit berbeda agar kontras */
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0 20px !important; /* Padding kanan-kiri disesuaikan dengan kotak judul */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
    box-sizing: border-box !important;
    
    font-size: 13px !important;
    font-weight: 600 !important; /* Dipertebal sedikit agar terbaca */
    color: #64748b !important; /* Warna teks abu modern */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Sembunyikan separator bawaan Elementor */
 .posts-modern .elementor-post__meta-data span:not(.elementor-post-date) {
    display: none !important;
}

/* ===================================================
   EFEK HOVER MODEREN (GLOWING & ELEGAN)
   =================================================== */
 .posts-modern .elementor-post:hover .elementor-post__title {
    border-color: #3b82f6 !important; /* Border berubah biru neon/indigo kalem */
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.06); /* Glow shadow lembut */
}

 .posts-modern .elementor-post:hover .elementor-post__title a {
    color: #2563eb !important; /* Teks judul berubah warna saat di-hover */
}

 .posts-modern .elementor-post:hover .elementor-post__meta-data {
    border-color: #3b82f6 !important;
    background: #eff6ff !important; /* Tanggal berubah jadi biru muda transparan */
    color: #2563eb !important;
    box-shadow: 0 10px 20px rgba(59, 130, 246, 0.06);
}

/* RESPONSIVE: Otomatis tumpuk vertikal di HP */
@media (max-width: 640px) {
     .posts-modern .elementor-post__text {
        flex-direction: column !important;
        align-items: stretch !important;
    }

     .posts-modern .elementor-post__title {
        margin: 0 0 6px 0 !important;
    }

     .posts-modern .elementor-post__meta-data {
        padding: 10px 20px !important;
        justify-content: flex-start !important;
    }
}

/* =========================================
   PENGATURAN LOAD LOKAL
  
   ===================================== */
   
.posts-modern.loading {
  opacity: 0.5;
  pointer-events: none;
  transition: opacity 0.2s ease;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-33afbda *//* ===== WRAPPER ===== */
.hibah-wrapper{
font-family:'Segoe UI',sans-serif;
line-height:1.8;
color:#333;
max-width:100%;
}

/* ===== HERO ===== */
.hibah-hero{
background:linear-gradient(135deg,#005baa,#0077cc);
color:#fff;
padding:40px;
border-radius:15px;
margin-bottom:30px;
box-shadow:0 5px 20px rgba(0,0,0,.15);
}

.hibah-hero h1{
color:#fff;
margin:0 0 15px;
font-size:2rem;
}

.hibah-hero p{
margin:0;
font-size:1.1rem;
}

/* ===== DAFTAR ISI ===== */
.daftar-isi{
background:#f7f9fc;
border-left:5px solid #005baa;
padding:20px;
margin:25px 0;
border-radius:10px;
}

.daftar-isi h3{
margin-top:0;
}

.daftar-isi ul{
margin:0;
padding-left:20px;
}

.daftar-isi li{
margin-bottom:8px;
}

/* ===== SECTION ===== */
.hibah-section{
margin-bottom:40px;
}

.hibah-section h2{
background:#005baa;
color:#fff;
padding:12px 18px;
border-radius:8px;
font-size:1.4rem;
}

.hibah-section h3{
color:#005baa;
margin-top:25px;
}

/* ===== INFO BOX ===== */
.info-box{
background:#eef7ff;
border-left:5px solid #0077cc;
padding:20px;
margin:20px 0;
border-radius:10px;
}

/* ===== BENEFIT GRID ===== */
.manfaat-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:15px;
margin-top:20px;
}

.manfaat-item{
background:#fff;
border:1px solid #ddd;
border-radius:10px;
padding:20px;
box-shadow:0 3px 10px rgba(0,0,0,.08);
transition:.3s;
}

.manfaat-item:hover{
transform:translateY(-5px);
}

/* ===== TABLE ===== */
.hibah-table{
width:100%;
border-collapse:collapse;
margin:20px 0;
overflow:hidden;
}

.hibah-table th{
background:#005baa;
color:#fff;
padding:12px;
}

.hibah-table td{
border:1px solid #ddd;
padding:12px;
}

.hibah-table tr:nth-child(even){
background:#f8f8f8;
}

/* ===== FAQ ===== */
.faq-item{
margin-bottom:10px;
}

.faq-question{
background:#005baa;
color:#fff;
padding:15px;
border-radius:8px;
cursor:pointer;
font-weight:600;
}

.faq-answer{
display:none;
padding:15px;
border:1px solid #ddd;
border-top:none;
border-radius:0 0 8px 8px;
background:#fff;
}

.faq-item.active .faq-answer{
display:block;
}

/* ===== DASAR HUKUM ===== */
.dasar-hukum{
background:#f9f9f9;
border-left:5px solid #28a745;
padding:20px;
border-radius:10px;
}

/* ===== META ===== */
.meta-box{
background:#fff3cd;
border-left:5px solid #ffc107;
padding:15px;
border-radius:10px;
margin-top:20px;
}

/* ===== RESPONSIVE ===== */
@media(max-width:768px){

.hibah-hero{
padding:25px;
}

.hibah-hero h1{
font-size:1.6rem;
}

.hibah-section h2{
font-size:1.2rem;
}

}
/* ===== FAQ ===== */

.faq-item{
margin-bottom:8px;
overflow:hidden;
border-radius:8px;
}

.faq-question{
background:#005baa;
color:#fff;
padding:15px 18px;
cursor:pointer;
font-weight:600;
position:relative;
transition:.3s;
}

.faq-question:hover{
background:#004a8a;
}

.faq-question::after{
content:"+";
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
font-size:22px;
font-weight:bold;
}

.faq-item.active .faq-question::after{
content:"−";
}

.faq-answer{
display:none;
padding:18px;
background:#fff;
border:1px solid #d9d9d9;
border-top:none;
}


/* Paksa bullets tampil */
.faq-answer ul,
.info-box ul,
.hibah-section ul,
.dasar-hukum ul{
list-style:disc !important;
padding-left:25px !important;
margin:10px 0 !important;
}

.faq-answer ol,
.info-box ol,
.hibah-section ol{
list-style:decimal !important;
padding-left:25px !important;
}

.faq-answer li,
.info-box li,
.hibah-section li,
.dasar-hukum li{
display:list-item !important;
margin-bottom:8px;
}

.faq-item.active .faq-answer{
display:block;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-49a51ae */.meta-box {
    background: #f8f9fa;
    border-left: 4px solid #0275d8;
    border-radius: 6px;
    padding: 15px 20px;
    margin: 20px 0;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    transition: all .3s ease;
}

.meta-box:hover {
    background: #eef5fc;
    box-shadow: 0 4px 12px rgba(2,117,216,.15);
    transform: translateX(3px);
}

.meta-box strong {
    color: #0275d8;
    font-weight: 700;
    margin-right: 5px;
}

.meta-box a {
    color: #111;
    text-decoration: none;
    font-weight: 500;
    transition: color .2s ease;
}

.meta-box a:hover {
    color: #0275d8;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .meta-box {
        font-size: 14px;
        padding: 12px 15px;
    }
}
/* ==========================================
   META BOX PREMIUM SHINE EFFECT
   ========================================== */

.meta-box {
    position: relative;
    overflow: hidden;

    background: #f8f9fa;
    border-left: 4px solid #0275d8;
    border-radius: 6px;
    padding: 15px 20px;
    margin: 20px 0;

    font-size: 15px;
    line-height: 1.6;
    color: #333;

    box-shadow: 0 2px 8px rgba(0,0,0,.05);
    transition: all .3s ease;
}

/* Efek shine */
.meta-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.5),
        transparent
    );

    transform: skewX(-25deg);
    transition: left .8s ease;
}

/* Hover */
.meta-box:hover {
    background: #eef5fc;
    box-shadow: 0 4px 12px rgba(2,117,216,.15);
    transform: translateY(-2px);
}

.meta-box:hover::before {
    left: 160%;
}

.meta-box strong {
    color: #0275d8;
    font-weight: 700;
    margin-right: 5px;
}

.meta-box a {
    color: #111;
    text-decoration: none;
    font-weight: 500;
    transition: color .2s ease;
}

.meta-box a:hover {
    color: #0275d8;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .meta-box {
        font-size: 14px;
        padding: 12px 15px;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9dcfe0d *//* ==========================================
   BACA JUGA - INTERNAL LINK PREMIUM
   ========================================== */

.baca-juga {
    position: relative;
    overflow: hidden;

    background: linear-gradient(135deg, #fff8ef, #fff3dd);
    border-left: 5px solid #FFA11F;
    border-radius: 10px;

    padding: 8px 12px;
    margin: 10px 0;

    font-size: 15px;
    line-height: 1.6;
    color: #333;

    box-shadow: 0 3px 12px rgba(255, 161, 31, 0.12);
    transition: all 0.35s ease;
}

/* Shine Effect */
.baca-juga::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;

    width: 50%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.75),
        transparent
    );

    transform: skewX(-25deg);
    transition: left .8s ease;
}

/* Hover */
.baca-juga:hover {
    background: linear-gradient(135deg, #fff3dd, #ffe8c2);
    box-shadow: 0 8px 20px rgba(255, 161, 31, 0.25);
    transform: translateY(-2px);
}

.baca-juga:hover::before {
    left: 160%;
}

/* Label */
.baca-juga strong {
    color: #d97706;
    font-weight: 700;
    margin-right: 5px;
}

/* Link */
.baca-juga a {
    color: #8a4b00;
    text-decoration: none;
    font-weight: 600;
    transition: all .25s ease;
}

.baca-juga a:hover {
    color: #FFA11F;
    text-decoration: underline;
}

/* Mobile */
@media (max-width: 768px) {
    .baca-juga {
        padding: 12px 15px;
        font-size: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for video-playlist, class: .elementor-element-9aa35b9 *//* 🎬 Item playlist bergaya tombol dengan frame biru */
.elementor-widget-video-playlist .e-tab-title {
    margin-bottom: 14px;              /* jarak antar item */
    padding: 12px 16px;               /* ruang dalam kiri-kanan */
    border: 1px solid #1e3a8a;        /* bingkai biru tua */
    border-radius: 6px;               /* sudut melengkung */
    background-color: #ffffff;        /* latar putih */
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;   /* judul kiri, durasi kanan */
}

/* 🎨 Efek hover: biru tua */
.elementor-widget-video-playlist .e-tab-title:hover {
    background-color: #e6f0ff;        /* biru muda saat hover */
    border-color: #1e3a8a;            /* bingkai biru tua */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

/* 📝 Judul video multi-baris rapi */
.elementor-widget-video-playlist .e-tab-title .e-tab-title-text button {
    white-space: normal !important;   /* izinkan turun baris */
    word-wrap: break-word !important; /* pecah kata panjang */
    overflow: visible !important;     /* tampilkan seluruh teks */
    text-overflow: unset !important;  /* hilangkan titik-titik (...) */
    line-height: 1.5;
    display: block !important;
    text-align: left;
    font-weight: 600;
    color: #1e3a8a;                   /* teks biru tua */
}

/* 🎧 Durasi video di sisi kanan */
.elementor-widget-video-playlist .e-tab-duration {
    margin-left: 12px;
    color: #555;
    font-size: 13px;
    flex-shrink: 0; /* jangan ikut terpotong */
}/* End custom CSS */
/* Start custom CSS *//* Hilangkan tombol Scroll To Top dari Essential Addons */
.eael-ext-scroll-to-top-button {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}/* End custom CSS */