.elementor-8451 .elementor-element.elementor-element-f6ec0a5:not(.elementor-motion-effects-element-type-background), .elementor-8451 .elementor-element.elementor-element-f6ec0a5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000A64;}.elementor-8451 .elementor-element.elementor-element-f6ec0a5 > .elementor-background-overlay{background-image:url("https://aqiqah4uwebsite.s3.ap-southeast-1.amazonaws.com/2023/07/islamic-pattern-background-scaled.jpg");background-size:cover;opacity:0.14;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-8451 .elementor-element.elementor-element-f6ec0a5 > .elementor-container{max-width:1200px;}.elementor-8451 .elementor-element.elementor-element-f6ec0a5 .elementor-background-overlay{filter:brightness( 98% ) contrast( 112% ) saturate( 49% ) blur( 0px ) hue-rotate( 170deg );}.elementor-8451 .elementor-element.elementor-element-f6ec0a5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:100px 0px 50px 0px;z-index:1;}.elementor-8451 .elementor-element.elementor-element-e34504d{text-align:center;font-family:"Inter", inter;font-size:35px;font-weight:600;color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-44b9b45:not(.elementor-motion-effects-element-type-background), .elementor-8451 .elementor-element.elementor-element-44b9b45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8451 .elementor-element.elementor-element-44b9b45{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-8451 .elementor-element.elementor-element-44b9b45 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-8451 .elementor-element.elementor-element-f6ec0a5{margin-top:0px;margin-bottom:0px;padding:60px 0px 20px 0px;}.elementor-8451 .elementor-element.elementor-element-e34504d{font-size:20px;}}/* Start custom CSS for html, class: .elementor-element-3cd39cd */html { scroll-behavior: smooth; }

.a4u-pill-nav-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 80px; 
    z-index: 2; /* Up lagi z-index */
    background: #ffffff;
    border-bottom: 1px solid #ebebeb;
    padding: 12px 0;
}

.a4u-pill-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.pill-scroll {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
}

.pill-scroll::-webkit-scrollbar { display: none; }

.pill-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 50px;
    border: 1px solid #DDDDDD;
    background: #ffffff;
    color: #222222;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pill-btn span { font-size: 18px; }
.pill-btn:hover { border-color: #222222; background: #f7f7f7; }

.pill-btn.active {
    background: #222222 !important;
    color: #ffffff !important;
    border-color: #222222 !important;
}
.pill-btn.active span { color: #ffffff !important; }

@media (max-width: 850px) {
    .a4u-pill-nav-wrapper { top: 0; }
    .pill-scroll { justify-content: flex-start; padding-bottom: 4px; }
    .pill-btn { padding: 8px 18px; font-size: 13px; }
}/* End custom CSS */