.elementor-252 .elementor-element.elementor-element-5cc758f5:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5cc758f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2691DE;background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/onetrhome04.jpg");background-position:center left;background-size:cover;}.elementor-252 .elementor-element.elementor-element-5cc758f5 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-5cc758f5 > .elementor-container{min-height:75vh;}.elementor-252 .elementor-element.elementor-element-5cc758f5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-156px;margin-bottom:0px;padding:-12px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-3849e737 > .elementor-element-populated{margin:14px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-252 .elementor-element.elementor-element-71e5cde{--spacer-size:91px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-252 .elementor-element.elementor-element-6f2c3578{width:var( --container-widget-width, 96% );max-width:96%;margin:90px 40px calc(var(--kit-widget-spacing, 0px) + 0px) 40px;padding:0px 0px 0px 0px;--container-widget-width:96%;--container-widget-flex-grow:0;text-align:center;}.elementor-252 .elementor-element.elementor-element-6f2c3578 .elementor-heading-title{font-size:60px;font-weight:700;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-252 .elementor-element.elementor-element-3d1afd50{text-align:center;font-size:18px;color:#000000;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-252 .elementor-element.elementor-element-11424d9b{margin:-225px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:3;}.elementor-252 .elementor-element.elementor-element-11424d9b:not( .elementor-widget-image ), .elementor-252 .elementor-element.elementor-element-11424d9b.elementor-widget-image img{-webkit-mask-image:url( https://romanitravel.com/wp-content/uploads/2026/08/onetravho021.png );-webkit-mask-size:cover;-webkit-mask-position:bottom left;}.elementor-252 .elementor-element.elementor-element-11424d9b img{width:99vw;max-width:99vw;height:72vh;object-fit:cover;object-position:center center;opacity:1;}.elementor-252 .elementor-element.elementor-element-3b56e74c > .elementor-container{max-width:1440px;}.elementor-252 .elementor-element.elementor-element-3b56e74c{padding:100px 0px 100px 0px;}.elementor-bc-flex-widget .elementor-252 .elementor-element.elementor-element-6b0bfa47.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-252 .elementor-element.elementor-element-6b0bfa47.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-29e52e33{text-align:center;}.elementor-252 .elementor-element.elementor-element-29e52e33 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:21px;font-weight:600;color:#000000;}.elementor-252 .elementor-element.elementor-element-72348640{--e-image-carousel-slides-to-show:6;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -17px) 0px;padding:0px 0px -45px 0px;}.elementor-252 .elementor-element.elementor-element-72348640 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:0px;--swiper-pagination-bullet-vertical-gap:0px;width:0px;height:0px;}.elementor-252 .elementor-element.elementor-element-0003ed5{text-align:center;}.elementor-252 .elementor-element.elementor-element-0003ed5 .elementor-heading-title{color:#000000;}.elementor-252 .elementor-element.elementor-element-5cd03ed1{--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-252 .elementor-element.elementor-element-188ce4c4{--display:flex;}.elementor-252 .elementor-element.elementor-element-7261d05b{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-7261d05b:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-7261d05b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/Nggak-perlu-pusing-mikirin-itinerary-atau-booking-tiket-satu-satu.-Liburan-ke-Bali-jadi-super-g-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-159fbbd6{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-159fbbd6:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-159fbbd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-584dea93 .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-3c9e6391{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-252 .elementor-element.elementor-element-5e669ee1 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-184d477e{--display:flex;}.elementor-252 .elementor-element.elementor-element-d49ed43{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-d49ed43:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-d49ed43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/WhatsApp-Image-2026-05-21-at-21.25.36.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-39fb2f2b{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-39fb2f2b:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-39fb2f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-4d76bebb .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-2b8f33db{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-470cf448 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-3d23202a{--display:flex;}.elementor-252 .elementor-element.elementor-element-547989dd{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-547989dd:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-547989dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/f3cb9606-11a6-4e1e-8ae2-f42b40ac9d32.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-4b38b2c4{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-4b38b2c4:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-4b38b2c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-5e933382 .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-2c7ca61a{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-4aa38986 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-58b6c922{--display:flex;}.elementor-252 .elementor-element.elementor-element-5eb75e75{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-5eb75e75:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5eb75e75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/e961b56b-8bf2-4ba5-901b-8e6118ce3b97.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-7087aa60{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-7087aa60:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-7087aa60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-5418595a .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-2e832247{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-bb7c22e .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-6796f02{--display:flex;}.elementor-252 .elementor-element.elementor-element-2f6de81d{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-2f6de81d:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-2f6de81d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/70dab557-14eb-495f-b3c3-a1f8cbf6ee09.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-3c553e3{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-3c553e3:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-3c553e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-2b047155 .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-7d53628e{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-67e578a1 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-28700473{--display:flex;}.elementor-252 .elementor-element.elementor-element-7bf0a0f8{--display:flex;--min-height:426px;--overflow:hidden;--border-radius:21px 21px 21px 21px;}.elementor-252 .elementor-element.elementor-element-7bf0a0f8:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-7bf0a0f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/17d558c7-24f1-44e8-84b5-127cd73acebd.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-252 .elementor-element.elementor-element-5844abb6{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-5844abb6:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5844abb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-60830b78 .elementor-heading-title{font-size:21px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-75d1dd92{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-2fb17dd7 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-16b5064d{--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-252 .elementor-element.elementor-element-5e9fb56:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5e9fb56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-252 .elementor-element.elementor-element-5e9fb56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:35px 0px 0px 00px;}.elementor-252 .elementor-element.elementor-element-5e9fb56 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-3389b38c{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/Bg-1.png");margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -8px) 0px;background-position:0px 124px;background-repeat:no-repeat;background-size:100% auto;}.elementor-252 .elementor-element.elementor-element-3389b38c img{width:100%;}.elementor-bc-flex-widget .elementor-252 .elementor-element.elementor-element-2e1028ee.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-252 .elementor-element.elementor-element-2e1028ee.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-252 .elementor-element.elementor-element-2e1028ee > .elementor-element-populated{padding:10px 25px 10px 57px;}.elementor-252 .elementor-element.elementor-element-20a38b41 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:#FFCB00;}.elementor-252 .elementor-element.elementor-element-72d458bd{width:var( --container-widget-width, 102.301% );max-width:102.301%;--container-widget-width:102.301%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-72d458bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-571f0870 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#C89D10;border-radius:25px 25px 25px 25px;}.elementor-252 .elementor-element.elementor-element-571f0870 .elementor-button:hover, .elementor-252 .elementor-element.elementor-element-571f0870 .elementor-button:focus{background-color:#0A3E12;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-571f0870 .elementor-button:hover svg, .elementor-252 .elementor-element.elementor-element-571f0870 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-5654541 > .elementor-container{max-width:1440px;}.elementor-252 .elementor-element.elementor-element-5654541{margin-top:-27px;margin-bottom:50px;}.elementor-252 .elementor-element.elementor-element-6e789abc:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252 .elementor-element.elementor-element-6e789abc > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-252 .elementor-element.elementor-element-6e789abc > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-252 .elementor-element.elementor-element-6e789abc > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-477d94d3{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav011.png");background-position:center center;background-repeat:no-repeat;background-size:71% auto;}.elementor-252 .elementor-element.elementor-element-477d94d3:hover{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav09.png");}.elementor-252 .elementor-element.elementor-element-477d94d3:not( .elementor-widget-image ), .elementor-252 .elementor-element.elementor-element-477d94d3.elementor-widget-image img{-webkit-mask-image:url( https://romanitravel.com/wp-content/uploads/2026/08/onetravho07.png );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-252 .elementor-element.elementor-element-30668a31{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-30668a31:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-30668a31 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-2b0cf80b{text-align:center;}.elementor-252 .elementor-element.elementor-element-2b0cf80b .elementor-heading-title{font-size:23px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-19df7a94{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-4f37fab2 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-62d0b535:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252 .elementor-element.elementor-element-62d0b535 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-252 .elementor-element.elementor-element-62d0b535 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-252 .elementor-element.elementor-element-62d0b535 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-6004eed1{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav011.png");background-position:center center;background-repeat:no-repeat;background-size:71% auto;}.elementor-252 .elementor-element.elementor-element-6004eed1:hover{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav09.png");}.elementor-252 .elementor-element.elementor-element-6004eed1:not( .elementor-widget-image ), .elementor-252 .elementor-element.elementor-element-6004eed1.elementor-widget-image img{-webkit-mask-image:url( https://romanitravel.com/wp-content/uploads/2026/08/onetravho07.png );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-252 .elementor-element.elementor-element-3a0853e5{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-3a0853e5:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-3a0853e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-6460ffd3{text-align:center;}.elementor-252 .elementor-element.elementor-element-6460ffd3 .elementor-heading-title{font-size:23px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-13053782{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-377d7fc5 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-7c488ff9:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-252 .elementor-element.elementor-element-7c488ff9 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-252 .elementor-element.elementor-element-7c488ff9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-252 .elementor-element.elementor-element-7c488ff9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-22958577{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav011.png");background-position:center center;background-repeat:no-repeat;background-size:71% auto;}.elementor-252 .elementor-element.elementor-element-22958577:hover{background-image:url("https://romanitravel.com/wp-content/uploads/2026/08/icotrav09.png");}.elementor-252 .elementor-element.elementor-element-22958577:not( .elementor-widget-image ), .elementor-252 .elementor-element.elementor-element-22958577.elementor-widget-image img{-webkit-mask-image:url( https://romanitravel.com/wp-content/uploads/2026/08/onetravho07.png );-webkit-mask-size:contain;-webkit-mask-position:center center;-webkit-mask-repeat:no-repeat;}.elementor-252 .elementor-element.elementor-element-5196f825{--display:flex;--min-height:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-252 .elementor-element.elementor-element-5196f825:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5196f825 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#98989880;}.elementor-252 .elementor-element.elementor-element-1324f165{text-align:center;}.elementor-252 .elementor-element.elementor-element-1324f165 .elementor-heading-title{font-size:23px;color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-52bf5ff3{color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-132ed365 .elementor-button{background-color:#F2B917;fill:#FFFFFF;color:#FFFFFF;border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-b18f2c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-12px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-252 .elementor-element.elementor-element-b18f2c9:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-b18f2c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-252 .elementor-element.elementor-element-4ee19492{--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-252 .elementor-element.elementor-element-4ee19492.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-47e196cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;text-align:center;}.elementor-252 .elementor-element.elementor-element-47e196cd .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-3e9c03ee{--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-252 .elementor-element.elementor-element-6216e273{--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-252 .elementor-element.elementor-element-6216e273.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-526a33e2{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-526a33e2:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-526a33e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDCDCD33;}.elementor-252 .elementor-element.elementor-element-526a33e2.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-551b8b2{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-551b8b2:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-551b8b2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-33f58912{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-33f58912 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-4bd94867{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-4bd94867:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-4bd94867 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-6dc8d6b8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-6dc8d6b8 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-50646842{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-50646842:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-50646842 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-1c71363c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-1c71363c .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-985ea11{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-985ea11:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-985ea11 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-3d3001a0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-3d3001a0 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-1254c95b{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-1254c95b:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-1254c95b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-7238d8f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-7238d8f7 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-16271ea2{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-16271ea2:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-16271ea2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-2eba57de{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-2eba57de .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-54749d12{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-54749d12:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-54749d12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-f048da6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-f048da6 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-79d583ab{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-79d583ab:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-79d583ab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDCDCD33;}.elementor-252 .elementor-element.elementor-element-35ce6468{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-35ce6468 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-12535fa4{--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-252 .elementor-element.elementor-element-12535fa4.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-252 .elementor-element.elementor-element-34203b60{--display:flex;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-34203b60:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-34203b60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#CDCDCD33;}.elementor-252 .elementor-element.elementor-element-2d48dc92{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-2d48dc92:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-2d48dc92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-39770461{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-39770461 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-78c07075{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-78c07075:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-78c07075 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-2632d0b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-2632d0b7 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-50365a39{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-50365a39:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-50365a39 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-3927cf5e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-3927cf5e .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-78938387{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-78938387:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-78938387 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-3dc69678{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-3dc69678 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-5de9eab{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-5de9eab:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-5de9eab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-59b143ed{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-59b143ed .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-48dbdb78{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-48dbdb78:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-48dbdb78 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-51e4258c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-51e4258c .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-4e223580{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-252 .elementor-element.elementor-element-4e223580:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-4e223580 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E9E9;}.elementor-252 .elementor-element.elementor-element-536effeb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 8px) 0px;}.elementor-252 .elementor-element.elementor-element-536effeb .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-size:17px;font-weight:900;color:#D2AB12;}.elementor-252 .elementor-element.elementor-element-29f9fdfc:not(.elementor-motion-effects-element-type-background), .elementor-252 .elementor-element.elementor-element-29f9fdfc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-252 .elementor-element.elementor-element-29f9fdfc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-100px;margin-bottom:0px;padding:3em 1em 2em 1em;}.elementor-252 .elementor-element.elementor-element-29f9fdfc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-252 .elementor-element.elementor-element-38b8f8d8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-252 .elementor-element.elementor-element-38b8f8d8 > .elementor-element-populated{padding:1em 1em 1em 1em;}.elementor-252 .elementor-element.elementor-element-64a1c339{text-align:center;}.elementor-252 .elementor-element.elementor-element-64a1c339 .elementor-heading-title{font-family:"Sriracha", Sans-serif;font-weight:bold;color:#000000;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-252 .elementor-element.elementor-element-1ec163e1{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-252 .elementor-element.elementor-element-1ec163e1:after{content:"0.66";}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__thumbnail__link{width:100%;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__meta-data span + span:before{content:"•";}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__card{background-color:#000000;border-radius:0px;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__text{margin-top:20px;margin-bottom:15px;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__title, .elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__title a{color:#D2AB12;font-family:"Sriracha", Sans-serif;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__read-more{color:#D1C200;margin-bottom:15px;}.elementor-252 .elementor-element.elementor-element-7aec9952 .elementor-button{background-color:#D2AB12;font-weight:bold;}@media(min-width:768px){.elementor-252 .elementor-element.elementor-element-6b0bfa47{width:25%;}.elementor-252 .elementor-element.elementor-element-67d999bb{width:75%;}.elementor-252 .elementor-element.elementor-element-778fd4fb{width:43%;}.elementor-252 .elementor-element.elementor-element-2e1028ee{width:57%;}.elementor-252 .elementor-element.elementor-element-b18f2c9{--content-width:100%;}.elementor-252 .elementor-element.elementor-element-4ee19492{--width:98.066%;}.elementor-252 .elementor-element.elementor-element-3e9c03ee{--width:100%;}.elementor-252 .elementor-element.elementor-element-6216e273{--width:50%;}.elementor-252 .elementor-element.elementor-element-526a33e2{--width:96.714%;}.elementor-252 .elementor-element.elementor-element-12535fa4{--width:48%;}}@media(max-width:1024px) and (min-width:768px){.elementor-252 .elementor-element.elementor-element-778fd4fb{width:99%;}.elementor-252 .elementor-element.elementor-element-2e1028ee{width:100%;}}@media(max-width:1024px){.elementor-252 .elementor-element.elementor-element-16b5064d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-252 .elementor-element.elementor-element-3389b38c{background-position:213px 128px;background-size:304px auto;}.elementor-252 .elementor-element.elementor-element-3389b38c img{width:48%;}.elementor-252 .elementor-element.elementor-element-2e1028ee > .elementor-element-populated{padding:0px 35px 35px 35px;}.elementor-252 .elementor-element.elementor-element-20a38b41{margin:11px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-252 .elementor-element.elementor-element-47e196cd{text-align:center;}.elementor-252 .elementor-element.elementor-element-33f58912{text-align:center;}.elementor-252 .elementor-element.elementor-element-6dc8d6b8{text-align:center;}.elementor-252 .elementor-element.elementor-element-1c71363c{text-align:center;}.elementor-252 .elementor-element.elementor-element-3d3001a0{text-align:center;}.elementor-252 .elementor-element.elementor-element-7238d8f7{text-align:center;}.elementor-252 .elementor-element.elementor-element-2eba57de{text-align:center;}.elementor-252 .elementor-element.elementor-element-f048da6{text-align:center;}.elementor-252 .elementor-element.elementor-element-35ce6468{text-align:center;}.elementor-252 .elementor-element.elementor-element-39770461{text-align:center;}.elementor-252 .elementor-element.elementor-element-2632d0b7{text-align:center;}.elementor-252 .elementor-element.elementor-element-3927cf5e{text-align:center;}.elementor-252 .elementor-element.elementor-element-3dc69678{text-align:center;}.elementor-252 .elementor-element.elementor-element-59b143ed{text-align:center;}.elementor-252 .elementor-element.elementor-element-51e4258c{text-align:center;}.elementor-252 .elementor-element.elementor-element-536effeb{text-align:center;}.elementor-252 .elementor-element.elementor-element-29f9fdfc{padding:3em 1em 3em 1em;}}@media(max-width:767px){.elementor-252 .elementor-element.elementor-element-5cc758f5 > .elementor-container{min-height:0vh;}.elementor-252 .elementor-element.elementor-element-6f2c3578 .elementor-heading-title{font-size:27px;}.elementor-252 .elementor-element.elementor-element-3d1afd50{padding:0px 20px 0px 20px;font-size:15px;}.elementor-252 .elementor-element.elementor-element-11424d9b img{width:100%;}.elementor-252 .elementor-element.elementor-element-72348640{--e-image-carousel-slides-to-show:3;}.elementor-252 .elementor-element.elementor-element-584dea93{width:100%;max-width:100%;text-align:center;}.elementor-252 .elementor-element.elementor-element-4d76bebb{width:100%;max-width:100%;text-align:center;}.elementor-252 .elementor-element.elementor-element-5e933382{width:100%;max-width:100%;text-align:center;}.elementor-252 .elementor-element.elementor-element-5418595a{width:100%;max-width:100%;text-align:center;}.elementor-252 .elementor-element.elementor-element-2b047155{width:100%;max-width:100%;text-align:center;}.elementor-252 .elementor-element.elementor-element-60830b78{text-align:center;}.elementor-252 .elementor-element.elementor-element-16b5064d{--e-n-carousel-swiper-slides-to-display:1;}.elementor-252 .elementor-element.elementor-element-5e9fb56{margin-top:22px;margin-bottom:0px;padding:28px 015px 27px 15px;}.elementor-252 .elementor-element.elementor-element-3389b38c{background-position:101px 61px;background-size:131px auto;}.elementor-252 .elementor-element.elementor-element-2e1028ee > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-252 .elementor-element.elementor-element-20a38b41{text-align:center;}.elementor-252 .elementor-element.elementor-element-72d458bd{text-align:center;}.elementor-252 .elementor-element.elementor-element-47e196cd .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-526a33e2{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-252 .elementor-element.elementor-element-33f58912 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-6dc8d6b8 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-1c71363c .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-3d3001a0 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-7238d8f7 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-2eba57de .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-f048da6 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-35ce6468 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-34203b60{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-252 .elementor-element.elementor-element-39770461 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-2632d0b7 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-3927cf5e .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-3dc69678 .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-59b143ed .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-51e4258c .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-536effeb .elementor-heading-title{font-size:26px;}.elementor-252 .elementor-element.elementor-element-29f9fdfc{padding:2em 1em 3em 1em;}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-252 .elementor-element.elementor-element-1ec163e1:after{content:"0.66";}.elementor-252 .elementor-element.elementor-element-1ec163e1 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7261d05b *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7261d05b .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-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7261d05b:hover .card-content, .elementor-252 .elementor-element.elementor-element-7261d05b: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-252 .elementor-element.elementor-element-7261d05b:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7261d05b .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7261d05b .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-d49ed43 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-d49ed43 .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-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-d49ed43:hover .card-content, .elementor-252 .elementor-element.elementor-element-d49ed43: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-252 .elementor-element.elementor-element-d49ed43:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-d49ed43 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-547989dd *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-547989dd .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-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-547989dd:hover .card-content, .elementor-252 .elementor-element.elementor-element-547989dd: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-252 .elementor-element.elementor-element-547989dd:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-547989dd .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-547989dd .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5eb75e75 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .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-252 .elementor-element.elementor-element-5eb75e75: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-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content { height: 60px !important; left: 10px; right: 10px; width: calc(100% - 20px); padding: 10px 15px !important; pointer-events: auto; -webkit-tap-highlight-color: transparent; } .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content { height: 85% !important; background: rgba(0, 0, 0, 0.9) !important; } .elementor-252 .elementor-element.elementor-element-5eb75e75:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR SERTA TEKS TERPOTONG ============================================================ */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* PERBAIKAN UTAMA: Memastikan teks turun ke bawah dan tidak terpotong ke samping */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content p, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content span, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h1, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h2, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h3, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content h4 { white-space: normal !important; word-break: break-word !important; } /* Pastikan konten list dan tombol turun ke bawah */ .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-5eb75e75 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f6de81d *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-2f6de81d .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-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-2f6de81d:hover .card-content, .elementor-252 .elementor-element.elementor-element-2f6de81d: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-252 .elementor-element.elementor-element-2f6de81d:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-2f6de81d .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7bf0a0f8 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .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-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content, .elementor-252 .elementor-element.elementor-element-7bf0a0f8: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-252 .elementor-element.elementor-element-7bf0a0f8:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7bf0a0f8 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-6e789abc *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-6e789abc .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-252 .elementor-element.elementor-element-6e789abc: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-252 .elementor-element.elementor-element-6e789abc .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-6e789abc:hover .card-content, .elementor-252 .elementor-element.elementor-element-6e789abc:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-6e789abc .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-252 .elementor-element.elementor-element-6e789abc .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-6e789abc:hover .card-content, .elementor-252 .elementor-element.elementor-element-6e789abc: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-252 .elementor-element.elementor-element-6e789abc:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-6e789abc:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-6e789abc .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-6e789abc .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-6e789abc .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-62d0b535 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-62d0b535 .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-252 .elementor-element.elementor-element-62d0b535: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-252 .elementor-element.elementor-element-62d0b535 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-62d0b535:hover .card-content, .elementor-252 .elementor-element.elementor-element-62d0b535:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-62d0b535 .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-252 .elementor-element.elementor-element-62d0b535 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-62d0b535:hover .card-content, .elementor-252 .elementor-element.elementor-element-62d0b535: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-252 .elementor-element.elementor-element-62d0b535:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-62d0b535:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-62d0b535 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-62d0b535 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-62d0b535 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-7c488ff9 *//* ============================================================ 1. UKURAN DESKTOP & LAPTOP (TETAP) ============================================================ */ .elementor-252 .elementor-element.elementor-element-7c488ff9 .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-252 .elementor-element.elementor-element-7c488ff9: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-252 .elementor-element.elementor-element-7c488ff9 .card-content { height: 65px !important; padding: 12px 18px !important; } .elementor-252 .elementor-element.elementor-element-7c488ff9:hover .card-content, .elementor-252 .elementor-element.elementor-element-7c488ff9:active .card-content { height: 80% !important; } } /* ============================================================ 3. UKURAN MOBILE / HP (PERBAIKAN FITUR KLIK) ============================================================ */ @media (max-width: 767px) { .elementor-252 .elementor-element.elementor-element-7c488ff9 .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-252 .elementor-element.elementor-element-7c488ff9 .card-content .elementor-button-wrapper { pointer-events: none; opacity: 0; transition: opacity 0.3s ease; } /* Saat kartu ditekankan/aktif, baru tombol boleh diklik */ .elementor-252 .elementor-element.elementor-element-7c488ff9:hover .card-content, .elementor-252 .elementor-element.elementor-element-7c488ff9: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-252 .elementor-element.elementor-element-7c488ff9:hover .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7c488ff9:active .card-content .elementor-button-wrapper { pointer-events: auto; opacity: 1; } } /* ============================================================ TAMBAHAN & FIX SCROLLBAR ============================================================ */ .elementor-252 .elementor-element.elementor-element-7c488ff9 .card-content::-webkit-scrollbar { display: none !important; width: 0 !important; } /* Pastikan konten list dan tombol turun ke bawah (tidak ke samping) */ .elementor-252 .elementor-element.elementor-element-7c488ff9 .card-content .elementor-button-wrapper, .elementor-252 .elementor-element.elementor-element-7c488ff9 .card-content li { display: block !important; width: 100% !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-526a33e2 */.elemen-baru:hover { background: rgba(0, 0, 0, 0.3); /* Hitam transparan */ backdrop-filter: blur(20px); }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-34203b60 */.elemen-baru:hover { background: rgba(0, 0, 0, 0.3); /* Hitam transparan */ backdrop-filter: blur(20px); }/* End custom CSS */