.elementor-662 .elementor-element.elementor-element-74cb9d5{--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;--overlay-opacity:0.5;--margin-top:-135px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:205px;--padding-bottom:-10px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-74cb9d5:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#012B0A;}.elementor-662 .elementor-element.elementor-element-74cb9d5::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/03/Untitled-design.png");--background-overlay:'';background-position:24px -75px;}.elementor-662 .elementor-element.elementor-element-250f99fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-70ca9d9b{--display:flex;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-70ca9d9b:hover::before, .elementor-662 .elementor-element.elementor-element-70ca9d9b:hover > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-70ca9d9b:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-70ca9d9b > .elementor-background-slideshow:hover::before, .elementor-662 .elementor-element.elementor-element-70ca9d9b > .e-con-inner > .elementor-background-slideshow:hover::before{background-color:#237D1800;--background-overlay:'';}.elementor-662 .elementor-element.elementor-element-70ca9d9b:hover{--overlay-opacity:0.5;}.elementor-662 .elementor-element.elementor-element-4387bcaf{text-align:center;}.elementor-662 .elementor-element.elementor-element-4387bcaf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:99px;font-weight:600;text-shadow:13px 0px 9px rgba(0,0,0,0.3);color:#C0AC23;}.elementor-662 .elementor-element.elementor-element-688f6d5{width:var( --container-widget-width, 36% );max-width:36%;margin:-66px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 331px;--container-widget-width:36%;--container-widget-flex-grow:0;text-align:start;}.elementor-662 .elementor-element.elementor-element-688f6d5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-688f6d5 .elementor-heading-title{font-family:"Rouge Script", Sans-serif;font-size:105px;font-weight:600;text-shadow:13px 0px 9px rgba(0,0,0,0.3);color:#FFFEFE;}.elementor-662 .elementor-element.elementor-element-9e273f3 .elementor-button{background-color:#C2AA04;fill:#FFFFFF;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-9e273f3{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:9px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-5fe04dff{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-addc27b{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 39% );max-width:39%;margin:-260px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 546px;padding:-23px 0px -21px 0px;--container-widget-width:39%;--container-widget-flex-grow:0;}.elementor-662 .elementor-element.elementor-element-addc27b.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-662 .elementor-element.elementor-element-addc27b .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:0px;}.elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-prev{left:0px;}.elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-next{right:0px;}.elementor-662 .elementor-element.elementor-element-cc0797b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-12px;--margin-bottom:-12px;--margin-left:-12px;--margin-right:-12px;}.elementor-662 .elementor-element.elementor-element-9ebe60b{--display:flex;}.elementor-662 .elementor-element.elementor-element-de03c72{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-de03c72:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-de03c72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/3-1.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-63449cd{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-63449cd:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-63449cd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-9606f22 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-219704a{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-1de7e4e .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-1de7e4e{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-101b136{--display:flex;}.elementor-662 .elementor-element.elementor-element-acfa3bb{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-acfa3bb:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-acfa3bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/2-1.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-ae65f31{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-ae65f31:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-ae65f31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-3e27427 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-e782c05{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-c8fcaa4 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-c8fcaa4{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-1b5307f{--display:flex;}.elementor-662 .elementor-element.elementor-element-c933f8e{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-c933f8e:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-c933f8e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/1-1.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-f6d2275{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-f6d2275:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-f6d2275 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-4e2c75b .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-91584b8{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-76dac68 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-76dac68{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-09e982c{--display:flex;}.elementor-662 .elementor-element.elementor-element-69b1c32{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-69b1c32:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-69b1c32 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/03/Untitled-725-x-829-px.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-e58b11a{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-e58b11a:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-e58b11a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-de8e18d .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-e19217b{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-9a3d394 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-9a3d394{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3387171{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-662 .elementor-element.elementor-element-5880cb9{--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-662 .elementor-element.elementor-element-b5fc93f{--display:flex;}.elementor-662 .elementor-element.elementor-element-dded688{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-dded688:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-dded688 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/22.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-914d492{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-914d492:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-914d492 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-f82f9c8 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-90ffdd9{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-e1104b1 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-e1104b1{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-7b83ea1{--display:flex;}.elementor-662 .elementor-element.elementor-element-78773c6{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-78773c6:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-78773c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/23.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-5e82292{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-5e82292:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5e82292 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-af49776 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-dae0a32{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2ffbe80 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-2ffbe80{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3ca013b{--display:flex;}.elementor-662 .elementor-element.elementor-element-5b9eca9{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-5b9eca9:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5b9eca9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/24.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-4ceb6ed{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-4ceb6ed:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-4ceb6ed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-769e7f0 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-d0e86aa{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-58490fc .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-58490fc{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-e3929aa{--display:flex;}.elementor-662 .elementor-element.elementor-element-8caab1f{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-8caab1f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-8caab1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/20.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-d64b19d{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-d64b19d:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-d64b19d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-fa5c14d .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-0864f3b{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-33dafbb .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-33dafbb{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-1353a12{--display:flex;}.elementor-662 .elementor-element.elementor-element-388cc89{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-388cc89:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-388cc89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/21.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-ae4a5e9{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-ae4a5e9:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-ae4a5e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-5724693 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-54df594{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-3bcbee8 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-3bcbee8{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-fb7ac79{--display:flex;}.elementor-662 .elementor-element.elementor-element-e27fb30{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-e27fb30:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-e27fb30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/18.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-1d1403a{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-1d1403a:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-1d1403a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-9a434fb .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-6e044e2{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-92a0f48 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-92a0f48{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-126330f{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-662 .elementor-element.elementor-element-f55a26d{--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-662 .elementor-element.elementor-element-f5d1b0e{--display:flex;}.elementor-662 .elementor-element.elementor-element-7b5df1c{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-7b5df1c:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-7b5df1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/4.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-c9ee298{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-c9ee298:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-c9ee298 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-5dc4d2e .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-ab9b0e2{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-40aee01 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-40aee01{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-2b730bd{--display:flex;}.elementor-662 .elementor-element.elementor-element-c5e153a{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-c5e153a:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-c5e153a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/5.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-fefa012{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-fefa012:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-fefa012 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-49bc9fd .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2270e28{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-fb230a8 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-fb230a8{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-f18241b{--display:flex;}.elementor-662 .elementor-element.elementor-element-033797d{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-033797d:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-033797d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/6.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-e5b6342{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-e5b6342:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-e5b6342 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-cdeb33d .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-41b2985{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-3aa9c57 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-3aa9c57{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-24a0489{--display:flex;}.elementor-662 .elementor-element.elementor-element-7330671{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-7330671:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-7330671 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/1-2.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-61bb6be{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-61bb6be:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-61bb6be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-c262fdd .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-6d44c74{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-58fc5dc .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-58fc5dc{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3f61e4d{--display:flex;}.elementor-662 .elementor-element.elementor-element-af74e76{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-af74e76:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-af74e76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/2-2.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-f03046f{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-f03046f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-f03046f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-5ee007c .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-a8324f9{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-e9aefb4 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-e9aefb4{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-f2fab65{--display:flex;}.elementor-662 .elementor-element.elementor-element-0ea097f{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-0ea097f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-0ea097f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/7.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-de24e48{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-de24e48:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-de24e48 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-952af98 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-16ff69c{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-0caf6b0 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-0caf6b0{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-9bb4a91{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-662 .elementor-element.elementor-element-10a34b3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-10a34b3:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-10a34b3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-7770b9c{--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;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-7770b9c:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-7770b9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2da81544{--display:flex;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:55px;--padding-right:20px;}.elementor-662 .elementor-element.elementor-element-2da81544:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-2da81544 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#237D18;}.elementor-662 .elementor-element.elementor-element-77a8e0d7{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:58px;color:#D1D1D1;}.elementor-662 .elementor-element.elementor-element-77a8e0d7 p{margin-block-end:0px;}.elementor-662 .elementor-element.elementor-element-ff16b19{color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-53d6dadc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-23px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-53d6dadc:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-53d6dadc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B38B23;}.elementor-662 .elementor-element.elementor-element-1baef742{margin:-70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-81fe61f{--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;}.elementor-662 .elementor-element.elementor-element-0abf7a9{--display:flex;--margin-top:18%;--margin-bottom:22%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-662 .elementor-element.elementor-element-e1585ee{--spacer-size:50px;}.elementor-662 .elementor-element.elementor-element-eea8ba8{--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-662 .elementor-element.elementor-element-d193e68{--display:flex;}.elementor-662 .elementor-element.elementor-element-4ef7a6c{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-4ef7a6c:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-4ef7a6c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/10.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-3e02598{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-3e02598:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-3e02598 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-a62593e .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-a445ac9{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-435b328 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-435b328{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-de00e49{--display:flex;}.elementor-662 .elementor-element.elementor-element-821b6fd{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-821b6fd:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-821b6fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/11.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-d0f3aba{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-d0f3aba:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-d0f3aba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-84edf65 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-79de646{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-19b27fb .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-19b27fb{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-27b3d11{--display:flex;}.elementor-662 .elementor-element.elementor-element-6407f5f{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-6407f5f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-6407f5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/12.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-a2c370c{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-a2c370c:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-a2c370c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-0f38ca5 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-25e0b27{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-c06db12 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-c06db12{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-f585c74{--display:flex;}.elementor-662 .elementor-element.elementor-element-d50392b{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-d50392b:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-d50392b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/8.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-5d45c0f{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-5d45c0f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5d45c0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-b9fb319 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-ac8230a{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-ab6006b .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-ab6006b{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-348213a{--display:flex;}.elementor-662 .elementor-element.elementor-element-f27cc0e{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-f27cc0e:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-f27cc0e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/9.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-44e15b1{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-44e15b1:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-44e15b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-59b2a3f .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-a34eef1{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-3e83522 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-3e83522{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-1ce8990{--display:flex;}.elementor-662 .elementor-element.elementor-element-3cfbeab{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-3cfbeab:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-3cfbeab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/25.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-42e7eeb{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-42e7eeb:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-42e7eeb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-616b7b4 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-802bf5c{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-c38702b .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-c38702b{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-fc1762c{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-662 .elementor-element.elementor-element-b1c5787{--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-662 .elementor-element.elementor-element-78f5b7d{--display:flex;}.elementor-662 .elementor-element.elementor-element-16127aa{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-16127aa:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-16127aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/13-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-144fa37{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-144fa37:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-144fa37 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-09ee801 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-58057f5{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-575f400 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-575f400{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-06ed360{--display:flex;}.elementor-662 .elementor-element.elementor-element-88507c7{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-88507c7:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-88507c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/14-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-99a45ff{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-99a45ff:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-99a45ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-6939a2a .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-a3b3a3d{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-0163fb6 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-0163fb6{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-0c04ccb{--display:flex;}.elementor-662 .elementor-element.elementor-element-cf5a628{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-cf5a628:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-cf5a628 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/15-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-5d07b8f{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-5d07b8f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5d07b8f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-77600e4 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-08d0bec{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-c7ef45a .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-c7ef45a{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-b848842{--display:flex;}.elementor-662 .elementor-element.elementor-element-f7d6160{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-f7d6160:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-f7d6160 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/17-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-b13cb6f{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-b13cb6f:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-b13cb6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-f14f5c7 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2daf8dd{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-609be23 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-609be23{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-2126d1a{--display:flex;}.elementor-662 .elementor-element.elementor-element-3b122d0{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-3b122d0:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-3b122d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/19-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-a1523d0{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-a1523d0:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-a1523d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-0251384 .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2b08866{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-05aaf33 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-05aaf33{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-b8dd3fa{--display:flex;}.elementor-662 .elementor-element.elementor-element-b035a60{--display:flex;--min-height:332px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-662 .elementor-element.elementor-element-b035a60:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-b035a60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.gmtinnovation.com/wp-content/uploads/2026/04/16-removebg-preview.png");background-position:center center;background-repeat:no-repeat;background-size:100% auto;}.elementor-662 .elementor-element.elementor-element-68ffe91{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-662 .elementor-element.elementor-element-68ffe91:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-68ffe91 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-662 .elementor-element.elementor-element-0ceb11a .elementor-heading-title{font-size:24px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-2c2bfee{font-size:18px;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-3c6aa14 .elementor-button{background-color:#2D8433;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-662 .elementor-element.elementor-element-3c6aa14{margin:-18px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-b32700a{--e-n-carousel-swiper-slides-to-display:4;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-662 .elementor-element.elementor-element-133b58b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-17px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-72ea30f7{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-2a002254{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-7944b664{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 61px) 0px;text-align:center;}.elementor-662 .elementor-element.elementor-element-7944b664 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:57px;font-weight:400;color:#237D18;}.elementor-662 .elementor-element.elementor-element-5ebf164d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:14px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:89px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-5ebf164d:not(.elementor-motion-effects-element-type-background), .elementor-662 .elementor-element.elementor-element-5ebf164d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#237D18;}.elementor-662 .elementor-element.elementor-element-60132566{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-17b2cb4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-f7f2ecc{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:-66px;--margin-bottom:0px;--margin-left:63px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-662 .elementor-element.elementor-element-6f415329 .elementor-heading-title{color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-23bef49d{text-align:start;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-23bef49d p{margin-block-end:0px;}.elementor-662 .elementor-element.elementor-element-6ecc6511{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:68px;--margin-bottom:-1px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-662 .elementor-element.elementor-element-56c35384 .elementor-heading-title{color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-38e28db6{text-align:start;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-38e28db6 p{margin-block-end:0px;}.elementor-662 .elementor-element.elementor-element-72ecb299{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-680b5821{margin:-165px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-680b5821 img{width:100%;}.elementor-662 .elementor-element.elementor-element-4e7359af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-bc4b35d{--display:flex;--min-height:0px;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:-31px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-662 .elementor-element.elementor-element-1d6e073b{text-align:end;}.elementor-662 .elementor-element.elementor-element-1d6e073b .elementor-heading-title{color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-49a1a26a{text-align:end;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-49a1a26a p{margin-block-end:0px;}.elementor-662 .elementor-element.elementor-element-77d69960{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:24px;--margin-bottom:0px;--margin-left:-60px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-662 .elementor-element.elementor-element-dc3bc75{text-align:end;}.elementor-662 .elementor-element.elementor-element-dc3bc75 .elementor-heading-title{color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-5bf819f0{text-align:end;color:#FFFFFF;}.elementor-662 .elementor-element.elementor-element-5bf819f0 p{margin-block-end:0px;}@media(min-width:768px){.elementor-662 .elementor-element.elementor-element-74cb9d5{--content-width:58vw;}.elementor-662 .elementor-element.elementor-element-81fe61f{--content-width:34%;}.elementor-662 .elementor-element.elementor-element-17b2cb4a{--width:72%;}.elementor-662 .elementor-element.elementor-element-4e7359af{--width:72%;}.elementor-662 .elementor-element.elementor-element-bc4b35d{--width:100%;}}@media(max-width:1024px){.elementor-662 .elementor-element.elementor-element-74cb9d5::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-662 .elementor-element.elementor-element-74cb9d5{--padding-top:200px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-662 .elementor-element.elementor-element-4387bcaf .elementor-heading-title{font-size:87px;}.elementor-662 .elementor-element.elementor-element-688f6d5{margin:-60px 0px calc(var(--kit-widget-spacing, 0px) + -7px) 161px;}.elementor-662 .elementor-element.elementor-element-688f6d5 .elementor-heading-title{font-size:111px;}.elementor-662 .elementor-element.elementor-element-addc27b{margin:-261px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 486px;}.elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-662 .elementor-element.elementor-element-de03c72{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-9606f22 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-acfa3bb{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-3e27427 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-c933f8e{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-4e2c75b .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-69b1c32{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-de8e18d .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-3387171{--e-n-carousel-swiper-slides-to-display:3;}.elementor-662 .elementor-element.elementor-element-dded688{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-f82f9c8 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-78773c6{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-af49776 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-5b9eca9{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-769e7f0 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-8caab1f{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-fa5c14d .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-388cc89{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-5724693 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-e27fb30{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-9a434fb .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-126330f{--e-n-carousel-swiper-slides-to-display:3;}.elementor-662 .elementor-element.elementor-element-7b5df1c{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-5dc4d2e .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-c5e153a{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-49bc9fd .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-033797d{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-cdeb33d .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-7330671{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-c262fdd .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-af74e76{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-5ee007c .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-0ea097f{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-952af98 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-9bb4a91{--e-n-carousel-swiper-slides-to-display:3;}.elementor-662 .elementor-element.elementor-element-10a34b3{--padding-top:0px;--padding-bottom:0px;--padding-left:25px;--padding-right:25px;}.elementor-662 .elementor-element.elementor-element-7770b9c{--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-662 .elementor-element.elementor-element-53d6dadc{--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-1baef742{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-1baef742 img{width:50%;}.elementor-662 .elementor-element.elementor-element-4ef7a6c{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-a62593e .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-821b6fd{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-84edf65 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-6407f5f{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-0f38ca5 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-d50392b{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-b9fb319 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-f27cc0e{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-59b2a3f .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-3cfbeab{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-616b7b4 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-fc1762c{--e-n-carousel-swiper-slides-to-display:3;}.elementor-662 .elementor-element.elementor-element-16127aa{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-09ee801 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-88507c7{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-6939a2a .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-cf5a628{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-77600e4 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-f7d6160{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-f14f5c7 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-3b122d0{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-0251384 .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-b035a60{--min-height:248px;}.elementor-662 .elementor-element.elementor-element-0ceb11a .elementor-heading-title{font-size:16px;}.elementor-662 .elementor-element.elementor-element-b32700a{--e-n-carousel-swiper-slides-to-display:3;}.elementor-662 .elementor-element.elementor-element-5ebf164d{--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-662 .elementor-element.elementor-element-60132566{--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-662 .elementor-element.elementor-element-f7f2ecc{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:90px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-23bef49d{text-align:center;}.elementor-662 .elementor-element.elementor-element-6ecc6511{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:58px;--margin-bottom:104px;--margin-left:90px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-38e28db6{text-align:center;}.elementor-662 .elementor-element.elementor-element-680b5821{padding:0px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-bc4b35d{--margin-top:0px;--margin-bottom:0px;--margin-left:90px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-1d6e073b{text-align:center;}.elementor-662 .elementor-element.elementor-element-49a1a26a{text-align:center;}.elementor-662 .elementor-element.elementor-element-77d69960{--margin-top:0px;--margin-bottom:0px;--margin-left:90px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-dc3bc75{text-align:center;}.elementor-662 .elementor-element.elementor-element-5bf819f0{text-align:center;}}@media(max-width:767px){.elementor-662 .elementor-element.elementor-element-74cb9d5::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-video-container::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .e-con-inner > .elementor-background-slideshow::before, .elementor-662 .elementor-element.elementor-element-74cb9d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-662 .elementor-element.elementor-element-74cb9d5{--margin-top:-279px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:243px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-250f99fe{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-70ca9d9b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-4387bcaf{margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -25px;}.elementor-662 .elementor-element.elementor-element-4387bcaf .elementor-heading-title{font-size:53px;}.elementor-662 .elementor-element.elementor-element-688f6d5{width:var( --container-widget-width, 133.063px );max-width:133.063px;margin:-37px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 129px;--container-widget-width:133.063px;--container-widget-flex-grow:0;}.elementor-662 .elementor-element.elementor-element-688f6d5 .elementor-heading-title{font-size:63px;}.elementor-662 .elementor-element.elementor-element-9e273f3{margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-5fe04dff{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-662 .elementor-element.elementor-element-addc27b{margin:-219px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 212px;padding:0px 0px 0px 0px;--container-widget-width:49%;--container-widget-flex-grow:0;width:var( --container-widget-width, 49% );max-width:49%;}.elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-prev, .elementor-662 .elementor-element.elementor-element-addc27b .elementor-swiper-button.elementor-swiper-button-next{font-size:0px;}.elementor-662 .elementor-element.elementor-element-de03c72{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-9606f22 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-219704a{padding:6px 0px 0px 0px;font-size:18px;}.elementor-662 .elementor-element.elementor-element-1de7e4e{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-acfa3bb{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-3e27427 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-e782c05{font-size:18px;}.elementor-662 .elementor-element.elementor-element-c8fcaa4{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-c933f8e{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-4e2c75b .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-91584b8{font-size:18px;}.elementor-662 .elementor-element.elementor-element-76dac68{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-69b1c32{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-de8e18d .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-e19217b{font-size:18px;}.elementor-662 .elementor-element.elementor-element-9a3d394{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3387171{--e-n-carousel-swiper-slides-to-display:2;}.elementor-662 .elementor-element.elementor-element-dded688{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-f82f9c8 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-90ffdd9{font-size:18px;}.elementor-662 .elementor-element.elementor-element-e1104b1{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-78773c6{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-af49776 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-dae0a32{padding:6px 0px 0px 0px;font-size:18px;}.elementor-662 .elementor-element.elementor-element-2ffbe80{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-5b9eca9{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-769e7f0 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-d0e86aa{font-size:18px;}.elementor-662 .elementor-element.elementor-element-58490fc{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-8caab1f{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-fa5c14d .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-0864f3b{font-size:18px;}.elementor-662 .elementor-element.elementor-element-33dafbb{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-388cc89{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-5724693 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-54df594{font-size:18px;}.elementor-662 .elementor-element.elementor-element-3bcbee8{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-e27fb30{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-9a434fb .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-6e044e2{font-size:18px;}.elementor-662 .elementor-element.elementor-element-92a0f48{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-126330f{--e-n-carousel-swiper-slides-to-display:2;}.elementor-662 .elementor-element.elementor-element-7b5df1c{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-5dc4d2e .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-ab9b0e2{font-size:18px;}.elementor-662 .elementor-element.elementor-element-40aee01{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-c5e153a{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-49bc9fd .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-2270e28{padding:6px 0px 0px 0px;font-size:18px;}.elementor-662 .elementor-element.elementor-element-fb230a8{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-033797d{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-cdeb33d .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-41b2985{font-size:18px;}.elementor-662 .elementor-element.elementor-element-3aa9c57{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-7330671{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-c262fdd .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-6d44c74{font-size:18px;}.elementor-662 .elementor-element.elementor-element-58fc5dc{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-af74e76{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-5ee007c .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-a8324f9{font-size:18px;}.elementor-662 .elementor-element.elementor-element-e9aefb4{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-0ea097f{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-952af98 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-16ff69c{font-size:18px;}.elementor-662 .elementor-element.elementor-element-0caf6b0{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-9bb4a91{--e-n-carousel-swiper-slides-to-display:2;}.elementor-662 .elementor-element.elementor-element-77a8e0d7{font-size:22px;line-height:1.3em;}.elementor-662 .elementor-element.elementor-element-ff16b19{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:1px;}.elementor-662 .elementor-element.elementor-element-1baef742{margin:-55px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 108px;padding:-14px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-1baef742 img{width:83%;}.elementor-662 .elementor-element.elementor-element-81fe61f{--content-width:24%;}.elementor-662 .elementor-element.elementor-element-e1585ee{--spacer-size:71px;}.elementor-662 .elementor-element.elementor-element-4ef7a6c{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-a62593e .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-a445ac9{font-size:18px;}.elementor-662 .elementor-element.elementor-element-435b328{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-821b6fd{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-84edf65 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-79de646{padding:6px 0px 0px 0px;font-size:18px;}.elementor-662 .elementor-element.elementor-element-19b27fb{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-6407f5f{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-0f38ca5 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-25e0b27{font-size:18px;}.elementor-662 .elementor-element.elementor-element-c06db12{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-d50392b{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-b9fb319 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-ac8230a{font-size:18px;}.elementor-662 .elementor-element.elementor-element-ab6006b{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-f27cc0e{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-59b2a3f .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-a34eef1{font-size:18px;}.elementor-662 .elementor-element.elementor-element-3e83522{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3cfbeab{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-616b7b4 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-802bf5c{font-size:18px;}.elementor-662 .elementor-element.elementor-element-c38702b{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-fc1762c{--e-n-carousel-swiper-slides-to-display:2;}.elementor-662 .elementor-element.elementor-element-16127aa{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-09ee801 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-58057f5{font-size:18px;}.elementor-662 .elementor-element.elementor-element-575f400{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-88507c7{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-6939a2a .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-a3b3a3d{padding:6px 0px 0px 0px;font-size:18px;}.elementor-662 .elementor-element.elementor-element-0163fb6{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-cf5a628{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-77600e4 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-08d0bec{font-size:18px;}.elementor-662 .elementor-element.elementor-element-c7ef45a{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-f7d6160{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-f14f5c7 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-2daf8dd{font-size:18px;}.elementor-662 .elementor-element.elementor-element-609be23{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-3b122d0{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-0251384 .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-2b08866{font-size:18px;}.elementor-662 .elementor-element.elementor-element-05aaf33{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-b035a60{--min-height:203px;}.elementor-662 .elementor-element.elementor-element-0ceb11a .elementor-heading-title{font-size:17px;}.elementor-662 .elementor-element.elementor-element-2c2bfee{font-size:18px;}.elementor-662 .elementor-element.elementor-element-3c6aa14{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-b32700a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-662 .elementor-element.elementor-element-7944b664{margin:13px 0px calc(var(--kit-widget-spacing, 0px) + -48px) 0px;padding:0px 0px 0px 0px;}.elementor-662 .elementor-element.elementor-element-7944b664 .elementor-heading-title{font-size:31px;}.elementor-662 .elementor-element.elementor-element-5ebf164d{--margin-top:-1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-662 .elementor-element.elementor-element-f7f2ecc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-6f415329{text-align:center;}.elementor-662 .elementor-element.elementor-element-6ecc6511{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-56c35384{text-align:center;}.elementor-662 .elementor-element.elementor-element-680b5821{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-662 .elementor-element.elementor-element-bc4b35d{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-662 .elementor-element.elementor-element-77d69960{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for container, class: .elementor-element-de03c72 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfa3bb *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c933f8e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69b1c32 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de03c72 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfa3bb *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c933f8e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69b1c32 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de03c72 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfa3bb *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c933f8e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69b1c32 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de03c72 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfa3bb *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c933f8e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69b1c32 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-de03c72 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-de03c72:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-de03c72:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-de03c72 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-acfa3bb *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-acfa3bb:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-acfa3bb:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-acfa3bb .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c933f8e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c933f8e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c933f8e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c933f8e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-69b1c32 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-69b1c32:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-69b1c32:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-69b1c32 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dded688 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-dded688:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-dded688:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-dded688:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-dded688 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-dded688 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b5fc93f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b5fc93f .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-b5fc93f:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-b5fc93f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78773c6 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-78773c6:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-78773c6:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-78773c6 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5b9eca9 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-5b9eca9:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-5b9eca9:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-5b9eca9 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8caab1f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-8caab1f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-8caab1f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-8caab1f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-388cc89 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-388cc89:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-388cc89:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-388cc89 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e27fb30 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-e27fb30:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-e27fb30:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-e27fb30 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7b5df1c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7b5df1c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7b5df1c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7b5df1c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f5d1b0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-f5d1b0e:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-f5d1b0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c5e153a *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-c5e153a:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-c5e153a:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-c5e153a .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-033797d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-033797d:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-033797d .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-033797d:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-033797d:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-033797d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-033797d .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-033797d .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7330671 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-7330671:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-7330671:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-7330671:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-7330671 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-7330671 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-af74e76 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-af74e76:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-af74e76:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-af74e76 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0ea097f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-0ea097f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-0ea097f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-0ea097f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ef7a6c *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-4ef7a6c:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-4ef7a6c .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d193e68 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d193e68 .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-d193e68:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-d193e68:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-d193e68 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-821b6fd *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-821b6fd:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-821b6fd:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-821b6fd .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6407f5f *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-6407f5f:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-6407f5f:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-6407f5f .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d50392b *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-d50392b:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-d50392b:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-d50392b .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-d50392b .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f27cc0e *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f27cc0e:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f27cc0e:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f27cc0e .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3cfbeab *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3cfbeab:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3cfbeab:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3cfbeab .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-16127aa *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-16127aa:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-16127aa:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-16127aa .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-16127aa .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78f5b7d *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (Default)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    
    /* Styling Visual */
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    
    /* Transisi */
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 

    /* Sembunyikan Scrollbar (Firefox & Edge) */
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

/* Efek Hover Desktop */
.elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content {
    height: 40% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (max-width: 1024px)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 65px !important; /* Sedikit lebih pendek di tablet */
        padding: 12px 18px !important;
    }
    
    /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 50% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (max-width: 767px)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-78f5b7d .card-content {
        height: 60px !important; /* Fokus pada judul saja saat diam */
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
    }   
         /* Efek saat ditekan atau di-hover di tablet */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 80% !important;
    }
        
        /* Menghilangkan highlight biru saat tap di HP */
        -webkit-tap-highlight-color: transparent;
    }
    
    /* Tinggi maksimal saat aktif di layar HP agar tombol terlihat */
    .elementor-662 .elementor-element.elementor-element-78f5b7d:active .card-content {
        height: 90% !important;
        bottom: 10px;
    }
}

/* ============================================================
   TAMBAHAN: PERBAIKAN STRUKTUR & ANIMASI
   ============================================================ */





/* Hilangkan visual scrollbar di Chrome/Safari */
.elementor-662 .elementor-element.elementor-element-78f5b7d .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-88507c7 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-88507c7:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-88507c7:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-88507c7 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cf5a628 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-cf5a628:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-cf5a628:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-cf5a628 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f7d6160 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-f7d6160:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-f7d6160:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-f7d6160 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b122d0 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-3b122d0:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-3b122d0:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-3b122d0 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b035a60 *//* ============================================================
   1. UKURAN DESKTOP & LAPTOP (TETAP)
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    width: calc(100% - 30px);
    height: 70px !important; 
    padding: 15px 20px !important;
    overflow: hidden !important; 
    z-index: 10;
    backdrop-filter: blur(20px) saturate(150%);
    -webkit-backdrop-filter: blur(20px) saturate(150%);
    background: rgba(0, 0, 0, 0.5) !important;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    pointer-events: auto; 
    scrollbar-width: none; 
    -ms-overflow-style: none; 
}

.elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content {
    height: 60% !important; 
    background: rgba(0, 0, 0, 0.85) !important;
    overflow-y: auto !important; 
    box-shadow: 0 15px 40px rgba(0,0,0,0.5);
}

/* ============================================================
   2. UKURAN TABLET (TETAP)
   ============================================================ */
@media (max-width: 1024px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
     height: 65px !important;
        padding: 12px 18px !important;
    }
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 80% !important;
    }
}

/* ============================================================
   3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK)
   ============================================================ */
@media (max-width: 767px) {
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content {
        height: 60px !important;
        left: 10px;
        right: 10px;
        width: calc(100% - 20px);
        padding: 10px 15px !important;
        /* KUNCI: Supaya klik pertama fokus ke kartu dulu */
        pointer-events: auto; 
        -webkit-tap-highlight-color: transparent;
    }

    /* Mencegah tombol diklik secara tidak sengaja sebelum kartu naik */
    .elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper {
        pointer-events: none; 
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content {
        height: 85% !important; /* Sesuaikan agar tombol kelihatan jelas */
        background: rgba(0, 0, 0, 0.9) !important;
    }

    /* Aktifkan tombol HANYA saat kartu terbuka */
    .elementor-662 .elementor-element.elementor-element-b035a60:hover .card-content .elementor-button-wrapper,
    .elementor-662 .elementor-element.elementor-element-b035a60:active .card-content .elementor-button-wrapper {
        pointer-events: auto;
        opacity: 1;
    }
}

/* ============================================================
   TAMBAHAN & FIX SCROLLBAR
   ============================================================ */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content .elementor-button-wrapper,
.elementor-662 .elementor-element.elementor-element-b035a60 .card-content li {
    display: block !important;
    width: 100% !important;
}/* End custom CSS */
/* Start custom CSS */html, body {
  overflow-x: hidden;
}

.elementor-section {
  max-width: 100vw;
  overflow-x: hidden;
}/* End custom CSS */