.elementor-560 .elementor-element.elementor-element-19709a2{--display:flex;--min-height:84vh;--overlay-opacity:0.36;--margin-top:-237px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-19709a2::before, .elementor-560 .elementor-element.elementor-element-19709a2 > .elementor-background-video-container::before, .elementor-560 .elementor-element.elementor-element-19709a2 > .e-con-inner > .elementor-background-video-container::before, .elementor-560 .elementor-element.elementor-element-19709a2 > .elementor-background-slideshow::before, .elementor-560 .elementor-element.elementor-element-19709a2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-560 .elementor-element.elementor-element-19709a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-560 .elementor-element.elementor-element-a127b23{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + -28px) 0px;padding:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-68acb05{--display:flex;--margin-top:1px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-560 .elementor-element.elementor-element-eafcfe8{margin:-159px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-560 .elementor-element.elementor-element-55063de{margin:-101px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-560 .elementor-element.elementor-element-81c0d29{--display:flex;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-a8cd729{text-align:left;position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-6cac4ae{text-align:left;position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-b8d8ccf{text-align:left;position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-3d2cadd{text-align:left;position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-da8696b{text-align:left;position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-media-hover-bg{background-color:transparent;width:100%;top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);height:100%;transition-duration:0.7s;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 46%, rgba(96, 91, 229, 0.87) 100%);border-color:#E8E8E8;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-title .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-title .inner-block{margin:0px 0px 5px 20px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-content .inner-block{border-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-excerpt .inner-block{border-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .inner-block > span{border-style:none;padding:0px 0px 0px 0px;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .inner-block{margin:0px 0px 20px 10px;color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .inner-block > span{border-style:none;padding:0px 0px 0px 0px;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .inner-block{margin:0px 0px 0px 0px;color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .inner-block{margin:0px 10px 0px 22px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .inner-block{margin:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .inner-block a{border-style:none;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .inner-block{margin:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-1:not(.wpr-grid-item-display-inline) .inner-block > span{width:10px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-1.wpr-grid-item-display-inline{width:10px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-1 .inner-block > span{border-bottom-width:1px;border-bottom-color:#ffffff;border-bottom-style:solid;border-radius:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-1 .inner-block{margin:13px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-2:not(.wpr-grid-item-display-inline) .inner-block > span{width:20%;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-2.wpr-grid-item-display-inline{width:20%;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-2 .inner-block > span{border-bottom-width:2px;border-bottom-color:#ffffff;border-bottom-style:solid;border-radius:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-sep-style-2 .inner-block{margin:13px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .inner-block a{border-style:none;margin-right:3px;padding:0px 0px 0px 0px;color:#ffffff;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .inner-block{margin:0px 0px 0px 22px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .inner-block a{border-style:none;margin-right:3px;padding:2px 5px 2px 5px;color:#ffffff;background-color:#605BE5;border-color:#E8E8E8;transition-duration:0.1s;border-radius:2px 2px 2px 2px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .inner-block{margin:0px 0px 0px 20px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-magazine-grid{min-height:520px;grid-column-gap:4px;grid-row-gap:4px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-media-hover-bg[class*="-top"]{top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-media-hover-bg[class*="-bottom"]{bottom:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-media-hover-bg[class*="-right"]{top:calc((100% - 100%)/2);right:calc((100% - 100%)/2);}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-media-hover-bg[class*="-left"]{top:calc((100% - 100%)/2);left:calc((100% - 100%)/2);}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-animation-wrap:hover .wpr-grid-media-hover-bg{transition-delay:0s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-image-wrap{border-color:#E8E8E8;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-title .inner-block a:hover{color:#FFFFFF;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-title .wpr-pointer-item:before{transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-title .wpr-pointer-item:after{transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-content.wpr-enable-dropcap p:first-child:first-letter{color:#3a3a3a;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-excerpt.wpr-enable-dropcap p:first-child:first-letter{color:#3a3a3a;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .inner-block [class*="wpr-grid-extra-icon"] i{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .inner-block [class*="wpr-grid-extra-icon"] svg{fill:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-date .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .inner-block [class*="wpr-grid-extra-icon"] i{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .inner-block [class*="wpr-grid-extra-icon"] svg{fill:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-time .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .inner-block a img{border-radius:0px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-author img{margin-right:10px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .inner-block span[class*="wpr-grid-extra-text"]{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-comments .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .inner-block a:before{transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .inner-block a:after{transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-read-more .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .inner-block a:hover{color:#605BE5;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-pointer-item:before{background-color:#605BE5;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-pointer-item:after{background-color:#605BE5;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-1 .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .inner-block a:hover{color:#ffffff;background-color:#4A45D2;border-color:#E8E8E8;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-pointer-item:before{background-color:#ffffff;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-pointer-item:after{background-color:#ffffff;transition-duration:0.1s;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-grid-extra-text-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-grid-extra-text-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-grid-extra-icon-left{padding-right:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-tax-style-2 .wpr-grid-extra-icon-right{padding-left:5px;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-protected{color:#9c9c9c;background-color:#605BE5;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-grid-item-protected input{background-color:#ffffff;}.elementor-560 .elementor-element.elementor-element-8418407{--display:flex;--min-height:0px;--justify-content:flex-start;}.elementor-560 .elementor-element.elementor-element-43ed7fb{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:50px;--grid-column-gap:27px;--grid-row-gap:0px;}.elementor-560 .elementor-element.elementor-element-43ed7fb .elementor-social-icon{--icon-padding:0.3em;}body.elementor-page-560:not(.elementor-motion-effects-element-type-background), body.elementor-page-560 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-560 .elementor-element.elementor-element-19709a2{--padding-top:150px;--padding-bottom:150px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-68acb05{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-a8cd729{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-6cac4ae{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-b8d8ccf{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-3d2cadd{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-da8696b{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-magazine-grid{grid-column-gap:4px;grid-row-gap:4px;}}@media(max-width:1024px){.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-a8cd729{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-6cac4ae{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-b8d8ccf{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-3d2cadd{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-da8696b{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-magazine-grid{grid-column-gap:4px;grid-row-gap:4px;}}@media(max-width:767px){.elementor-560 .elementor-element.elementor-element-19709a2{--margin-top:-134px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-a8cd729{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-6cac4ae{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-b8d8ccf{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-3d2cadd{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .elementor-repeater-item-da8696b{position:static;left:auto;}.elementor-560 .elementor-element.elementor-element-b49cfba .wpr-magazine-grid{grid-column-gap:4px;grid-row-gap:4px;}}/* Start custom CSS for html, class: .elementor-element-8c101a4 */<style>
        /* CSS ini sepenuhnya terisolasi di dalam #umroh-packages-posters-section. */
        #umroh-packages-posters-section * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        #umroh-packages-posters-section {
            font-family: 'Poppins', sans-serif;
            position: relative;
            width: 100%;
            padding: 80px 0;
            overflow: hidden;
            color: #371A68; 
            background-color: transparent;
        }

        #umroh-packages-posters-section .container {
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header Section */
        #umroh-packages-posters-section .section-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 40px;
        }
        
        #umroh-packages-posters-section .section-header-text {
            text-align: left;
        }

        #umroh-packages-posters-section .section-title {
            font-family: 'Playfair Display', serif;
            font-size: 2.8rem;
            color: #1E103A;
            margin-bottom: 5px;
        }
        
        #umroh-packages-posters-section .section-subtitle {
            font-size: 1.1rem;
            color: #4A2F8C;
        }
        
        /* Tombol Navigasi Scroll */
        #umroh-packages-posters-section .scroll-navigation {
            display: flex;
            gap: 15px;
        }

        #umroh-packages-posters-section .scroll-btn {
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background-color: #FFFFFF;
            border: 1px solid #E5E7EB;
            color: #8B5CF6;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
        }

        #umroh-packages-posters-section .scroll-btn:hover {
            background-color: #8B5CF6;
            color: #FFFFFF;
            border-color: #8B5CF6;
            transform: scale(1.1);
        }
        
        #umroh-packages-posters-section .scroll-btn svg {
            width: 24px;
            height: 24px;
        }


        /* Kontainer Scroll */
        #umroh-packages-posters-section .packages-scroll-container {
            display: flex;
            gap: 30px;
            overflow-x: auto;
            padding: 20px;
            margin: 0 -20px;
            scroll-behavior: smooth;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }
        
        #umroh-packages-posters-section .packages-scroll-container::-webkit-scrollbar {
            display: none;
        }

        /* Kartu Paket */
        #umroh-packages-posters-section .package-card {
            flex: 0 0 340px;
            background: #FFFFFF;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(139, 92, 246, 0.1);
            transition: all 0.4s ease;
            display: flex;
            flex-direction: column;
            position: relative;
        }

        #umroh-packages-posters-section .package-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 20px 50px rgba(139, 92, 246, 0.2);
        }
        
        /* Poster Image */
        #umroh-packages-posters-section .poster-image-wrapper {
            height: 400px;
            position: relative;
            cursor: pointer;
            overflow: hidden;
        }
        
        #umroh-packages-posters-section .poster-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.4s ease;
        }
        
        #umroh-packages-posters-section .poster-image-wrapper:hover .poster-image {
            transform: scale(1.1);
        }
        
        #umroh-packages-posters-section .poster-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(29, 16, 58, 0.7), transparent 60%);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transition: opacity 0.4s ease;
        }
        
        #umroh-packages-posters-section .poster-image-wrapper:hover .poster-overlay {
            opacity: 1;
        }
        
        #umroh-packages-posters-section .poster-overlay svg {
            width: 50px;
            height: 50px;
            color: white;
            filter: drop-shadow(0 0 10px rgba(0,0,0,0.5));
        }

        /* Badges */
        #umroh-packages-posters-section .badge-container {
            position: absolute;
            top: 20px;
            left: 20px;
            display: flex;
            gap: 8px;
            z-index: 2;
        }
        
        #umroh-packages-posters-section .badge {
            padding: 6px 12px;
            border-radius: 50px;
            font-size: 0.8rem;
            font-weight: 700;
            color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.3);
        }
        
        #umroh-packages-posters-section .badge.promo {
            background: linear-gradient(45deg, #F59E0B, #FBBF24);
        }
        
        #umroh-packages-posters-section .badge.popular {
            background: linear-gradient(45deg, #8B5CF6, #6D28D9);
        }

        /* Card Content */
        #umroh-packages-posters-section .card-content {
            padding: 25px;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }
        
        #umroh-packages-posters-section .package-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: #1E103A;
            line-height: 1.3;
            margin-bottom: 15px;
        }
        
        #umroh-packages-posters-section .info-list {
            display: flex;
            flex-direction: column;
            gap: 12px;
            margin-bottom: 20px;
        }

        #umroh-packages-posters-section .info-item {
            display: flex;
            align-items: center;
            gap: 12px;
            font-size: 0.95rem;
            color: #4A2F8C;
        }
        
        #umroh-packages-posters-section .info-item svg {
            width: 20px;
            height: 20px;
            color: #A78BFA;
            flex-shrink: 0;
        }
        
        #umroh-packages-posters-section .price-section {
            margin-top: auto;
            padding-top: 20px;
            border-top: 1px solid #F3F4F6;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        #umroh-packages-posters-section .price {
            font-size: 1.8rem;
            font-weight: 700;
            color: #8B5CF6;
        }
        
        #umroh-packages-posters-section .price span {
            font-size: 1rem;
            font-weight: 500;
            color: #6B21A8;
        }
        
        #umroh-packages-posters-section .register-button {
            padding: 10px 20px;
            background: linear-gradient(45deg, #8B5CF6, #6D28D9);
            color: white;
            text-decoration: none;
            border-radius: 12px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        #umroh-packages-posters-section .register-button:hover {
            opacity: 0.9;
            box-shadow: 0 5px 15px rgba(139, 92, 246, 0.4);
        }

        /* Popup/Modal - CSS diperbaiki */
        .popup-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(29, 26, 44, 0.85);
            backdrop-filter: blur(10px);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.4s ease, visibility 0.4s ease;
        }
        
        .popup-modal.show {
            opacity: 1;
            visibility: visible;
        }
        
        .popup-dialog {
            position: relative;
            background: #FFFFFF;
            border-radius: 24px;
            max-width: 500px;
            width: 100%;
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
            overflow: hidden;
            transform: scale(0.95) translateY(10px);
            transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }
        
        .popup-modal.show .popup-dialog {
            transform: scale(1) translateY(0);
        }
        
        .popup-image {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .popup-caption {
            padding: 25px 30px;
            text-align: center;
        }
        
        #popup-title {
            font-family: 'Playfair Display', serif;
            font-size: 1.8rem;
            color: #1E103A;
            margin-bottom: 10px;
        }
        
        .popup-caption p {
            font-size: 1rem;
            color: #4A2F8C;
            line-height: 1.6;
        }
        
        .popup-close {
            position: absolute;
            top: 15px;
            right: 15px;
            width: 36px;
            height: 36px;
            background: rgba(0,0,0,0.3);
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s ease;
            border: none;
            font-size: 24px;
            line-height: 1;
            z-index: 10;
        }
        
        .popup-close:hover {
            background: rgba(0,0,0,0.6);
            transform: rotate(90deg);
        }

        /* Penyesuaian untuk layar kecil */
        @media (max-width: 768px) {
            #umroh-packages-posters-section .section-header {
                flex-direction: column;
                align-items: center;
                text-align: center;
                gap: 20px;
            }
            #umroh-packages-posters-section .section-header-text {
                text-align: center;
            }
            #umroh-packages-posters-section .section-title {
                font-size: 2.2rem;
            }
            #umroh-packages-posters-section .package-card {
                flex: 0 0 300px;
            }
        }
    </style>/* End custom CSS */