.elementor-70 .elementor-element.elementor-element-5504aa9{--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;--padding-top:100px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-e92ce7c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:24px;--margin-right:24px;}.elementor-70 .elementor-element.elementor-element-725e5f2{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-725e5f2 > .elementor-widget-container{padding:80px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-f4cf03c{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-f4cf03c > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-b13361e{--display:flex;}.elementor-70 .elementor-element.elementor-element-6ba9cc6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-140px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:99;}.elementor-70 .elementor-element.elementor-element-16b4f96{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-a0f2959{width:var( --container-widget-width, 30% );max-width:30%;--container-widget-width:30%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-b750722{--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;--padding-top:40px;--padding-bottom:40px;--padding-left:28px;--padding-right:28px;}.elementor-70 .elementor-element.elementor-element-019ba5a{--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;--border-radius:0px 0px 0px 0px;box-shadow:0px -18px 10px -44px rgba(0,0,0,0.5) inset;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-70 .elementor-element.elementor-element-019ba5a.e-con{--align-self:center;}.elementor-70 .elementor-element.elementor-element-b1276f8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-70 .elementor-element.elementor-element-693aeed{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-693aeed > .elementor-widget-container{margin:0px 45px 0px 45px;}.elementor-70 .elementor-element.elementor-element-ba04097{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-70 .elementor-element.elementor-element-af81fbc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-70 .elementor-element.elementor-element-c401ad0 > .elementor-widget-container{margin:0px 0px 0px 20px;}.elementor-70 .elementor-element.elementor-element-90c8556{width:initial;max-width:initial;}.elementor-70 .elementor-element.elementor-element-90c8556 > .elementor-widget-container{margin:0px 0px 0px 140px;}.elementor-70 .elementor-element.elementor-element-fd28b2c{--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;--padding-top:040px;--padding-bottom:40px;--padding-left:028px;--padding-right:028px;}.elementor-70 .elementor-element.elementor-element-6db56fd{--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;--border-radius:0px 0px 0px 0px;box-shadow:0px -18px 10px -44px rgba(0,0,0,0.5) inset;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-70 .elementor-element.elementor-element-698d41f{--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-70 .elementor-element.elementor-element-9d46ab5{--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-70 .elementor-element.elementor-element-74b252c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:040px;--margin-left:0px;--margin-right:0px;}.elementor-70 .elementor-element.elementor-element-e3f8b29{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-70 .elementor-element.elementor-element-3cd605f{--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-70 .elementor-element.elementor-element-0e09792 > .elementor-widget-container{margin:-20px 0px 0px 0px;}@media(max-width:1024px){.elementor-70 .elementor-element.elementor-element-e92ce7c{--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-70 .elementor-element.elementor-element-725e5f2{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-f4cf03c{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-6ba9cc6{--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-70 .elementor-element.elementor-element-16b4f96{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-a0f2959{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-693aeed{width:100%;max-width:100%;}}@media(max-width:767px){.elementor-70 .elementor-element.elementor-element-5504aa9{--padding-top:40px;--padding-bottom:160px;--padding-left:10px;--padding-right:10px;}.elementor-70 .elementor-element.elementor-element-e92ce7c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-725e5f2{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-725e5f2 > .elementor-widget-container{padding:40px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-f4cf03c{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-f4cf03c > .elementor-widget-container{margin:40px 0px -80px 0px;}.elementor-70 .elementor-element.elementor-element-6ba9cc6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-16b4f96{width:100%;max-width:100%;z-index:4;}.elementor-70 .elementor-element.elementor-element-16b4f96 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-a0f2959{width:100%;max-width:100%;z-index:2;}.elementor-70 .elementor-element.elementor-element-b750722{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-70 .elementor-element.elementor-element-019ba5a{--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-70 .elementor-element.elementor-element-693aeed{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-ba04097{width:100%;max-width:100%;}.elementor-70 .elementor-element.elementor-element-fd28b2c{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-70 .elementor-element.elementor-element-6db56fd{--padding-top:30px;--padding-bottom:30px;--padding-left:8px;--padding-right:8px;--z-index:4;}.elementor-70 .elementor-element.elementor-element-698d41f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-9d46ab5{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-70 .elementor-element.elementor-element-74b252c{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-70 .elementor-element.elementor-element-e3f8b29{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-70 .elementor-element.elementor-element-0096378 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-70 .elementor-element.elementor-element-0e09792 > .elementor-widget-container{margin:-40px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-5504aa9 */.a4u-main-hero-bg {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    clip-path: inset(0);
    overflow: clip !important; 
    width: 100%;
    box-sizing: border-box;
    contain: paint;
}

.a4u-main-hero-bg::before {
    content: "";
    position: absolute;
    top: -15%; 
    left: -5%; 
    width: 80%; 
    height: 80%;
    background: radial-gradient(circle, rgba(0, 10, 100, 0.15) 20%, rgba(255,255,255,0) 75%);
    z-index: -1;
    filter: blur(50px);
    will-change: transform;
    animation: foggyMove 18s ease-in-out infinite alternate;
}

.a4u-main-hero-bg::after {
    content: "";
    position: absolute;
    bottom: -15%; 
    right: -10%; 
    width: 70%; 
    height: 80%;
    background: radial-gradient(circle, rgba(224, 203, 189, 0.8) 25%, rgba(255,255,255,0) 80%);
    z-index: -2;
    filter: blur(60px);
    will-change: transform;
    animation: foggyMove 25s ease-in-out infinite alternate-reverse;
}

.a4u-main-hero-bg .a4u-hero-left-content::before {
    content: "";
    position: absolute;
    top: 50%; 
    left: 50%;
    width: 100%; 
    height: 100%;
    background: radial-gradient(circle, rgba(230, 245, 255, 0.7) 0%, rgba(255,255,255,0) 70%);
    transform: translate(-50%, -50%);
    z-index: -3;
    filter: blur(80px);
    pointer-events: none;
}

@keyframes foggyMove {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    50% { transform: translate(8%, 12%) scale(1.15) rotate(3deg); }
    100% { transform: translate(-5%, -8%) scale(1) rotate(-2deg); }
}

@media (max-width: 768px) {
    .a4u-main-hero-bg::before {
        width: 120%; 
        height: 50%;
        opacity: 0.8;
        filter: blur(35px);
        animation-duration: 12s;
    }
    
    .a4u-main-hero-bg::after {
        width: 130%; 
        height: 60%;
        opacity: 0.9;
        filter: blur(45px);
        animation-duration: 15s;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16b4f96 */.a4u-s2-wrapper {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
}

.a4u-s2-hero-card {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-color: var(--a4u-navy) !important;
    background-image: linear-gradient(135deg, rgba(0, 10, 100, 0.94), rgba(0, 20, 120, 0.88)), url('https://aqiqah4uwebsite.s3.ap-southeast-1.amazonaws.com/2026/03/overlay-aqiqah4u.webp') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    border-radius: 2rem !important;
    overflow: hidden !important;
    box-shadow: 0 25px 50px -12px rgba(0, 10, 100, 0.15) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.a4u-s2-glow-top {
    position: absolute !important;
    top: -120px !important;
    right: -120px !important;
    width: 300px !important;
    height: 300px !important;
    background: rgba(129, 140, 248, 0.25) !important;
    border-radius: 50% !important;
    filter: blur(90px) !important;
    pointer-events: none !important;
    z-index: 15 !important;
}

.a4u-s2-glow-bottom {
    position: absolute !important;
    bottom: -120px !important;
    left: -120px !important;
    width: 250px !important;
    height: 250px !important;
    background: rgba(224, 203, 189, 0.15) !important;
    border-radius: 50% !important;
    filter: blur(80px) !important;
    pointer-events: none !important;
    z-index: 15 !important;
}

.a4u-s2-content-grid {
    position: relative !important;
    z-index: 20 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center !important;
    padding: 32px 20px !important;
    gap: 24px !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .a4u-s2-content-grid {
        flex-direction: row !important;
        align-items: center !important;
        text-align: left !important;
        padding: 40px 48px !important;
        gap: 36px !important;
    }
}

.a4u-s2-copy-block {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

@media (min-width: 768px) {
    .a4u-s2-copy-block {
        width: 58.333333% !important;
        padding-right: 16px !important;
    }
}

.a4u-s2-heading {
    font-size: 26px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    letter-spacing: -0.5px !important;
    margin: 0 0 14px 0 !important;
}

@media (min-width: 768px) {
    .a4u-s2-heading {
        font-size: 34px !important;
        line-height: 1.2 !important;
        letter-spacing: -1px !important;
    }
}

.a4u-s2-morph-inline {
    display: inline-flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

@media (min-width: 768px) {
    .a4u-s2-morph-inline {
        justify-content: flex-start !important;
    }
}

.a4u-static-text {
    margin-right: 8px !important;
    display: inline-block !important;
}

.a4u-morph-box {
    display: inline-block !important;
    position: relative !important;
    vertical-align: bottom !important;
    height: 1.25em !important;
    overflow: hidden !important;
    color: var(--a4u-gold-light) !important;
}

.a4u-morph-list {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    animation: pureMorphCycle 24s cubic-bezier(0.85, 0, 0.15, 1) infinite !important;
}

.a4u-morph-list span {
    display: block !important;
    height: 1.25em !important;
    line-height: 1.25em !important;
    white-space: nowrap !important;
}

@keyframes pureMorphCycle {
    0%, 10% { transform: translateY(0); }
    12.5%, 22.5% { transform: translateY(-1.25em); }
    25%, 35% { transform: translateY(-2.5em); }
    37.5%, 47.5% { transform: translateY(-3.75em); }
    50%, 60% { transform: translateY(-5em); }
    62.5%, 72.5% { transform: translateY(-6.25em); }
    75%, 85% { transform: translateY(-7.5em); }
    87.5%, 97.5% { transform: translateY(-8.75em); }
    100% { transform: translateY(0); }
}

.a4u-s2-lead-text {
    font-size: 14px !important;
    line-height: 1.55 !important;
    color: rgba(255, 255, 255, 0.75) !important;
    margin: 0 0 20px 0 !important;
    max-width: 640px !important;
}

@media (min-width: 768px) {
    .a4u-s2-lead-text { font-size: 15px !important; }
}

.a4u-s2-lead-text strong { font-weight: 700 !important; color: #ffffff !important; }

.a4u-s2-pill-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: center !important;
}

@media (min-width: 768px) {
    .a4u-s2-pill-group { 
        justify-content: flex-start !important; 
    }
}

.a4u-s2-trust-pill {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    padding: 6px 14px !important;
    border-radius: 9999px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    flex: 0 1 auto !important;
    width: auto !important;
    white-space: nowrap !important;
}

.a4u-s2-fomo-badge {
    margin-top: 40px !important;
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .a4u-s2-fomo-badge {
        justify-content: flex-start !important;
    }
}

.a4u-s2-fomo-badge .ti-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important; 
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.a4u-s2-fomo-badge .ti-profile-details,
.a4u-s2-fomo-badge .ti-verified-by,
.a4u-s2-fomo-badge .ti-disclaimer {
    text-align: left !important;
    justify-content: flex-start !important;
}

@media (max-width: 767px) {
    .a4u-s2-fomo-badge .ti-header,
    .a4u-s2-fomo-badge .ti-profile-details,
    .a4u-s2-fomo-badge .ti-verified-by,
    .a4u-s2-fomo-badge .ti-disclaimer {
        text-align: center !important;
        justify-content: center !important;
    }
}

.a4u-s2-slider-block {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    .a4u-s2-slider-block {
        flex: 1 1 0% !important;
        max-width: 480px !important;
    }
}

.a4u-s2-ninja-card {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 16px !important;
    padding: 16px !important;
    width: 100% !important;
    height: auto !important;
    transform: translateZ(0) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-sizing: border-box !important;
    position: relative !important;
    padding-top: 54px !important;
}

.a4u-s2-ninja-card::before {
    content: "APA KATA PELANGGAN?" !important;
    position: absolute !important;
    top: 18px !important;
    left: 16px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    color: rgba(255, 255, 255, 0.4) !important;
    text-transform: uppercase !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

.wpsr-review-template-four,
.wpsr-review-content,
.wpsr-review-info {
    text-align: left !important;
    justify-content: flex-start !important;
}

.wpsr-business-info-wrapper {
    display: none !important;
}

.wpsr-review-template-four {
    display: flex !important;
    flex-direction: column !important;
    background: rgba(255, 255, 255, 0.04) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 16px !important;
    padding: 20px !important;
    margin: 0 !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 200px !important;
}

div.wpsr-review-template-four,
div.wpsr-review-template-four *,
div.wpsr-review-content,
div.wpsr-review-content *,
p.wpsr_add_read_more,
p.wpsr_add_read_more * {
    color: #ffffff !important;
}

.wpsr-review-header {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.wpsr-review-header::before,
.wpsr-review-header::after,
.wpsr-review-template-four::before,
.wpsr-review-template-four::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    border: none !important;
}

.wpsr-review-info {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 16px !important;
    padding: 12px 0 0 0 !important;
    height: auto !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
}

.wpsr-review-name-date {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    line-height: 1.2 !important;
}

div.wpsr-review-name-date a,
span.wpsr-reviewer-name,
a.wpsr-reviewer-name-url,
a.wpsr-reviewer-name-url * {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

span.wpsr-review-date,
.wpsr-review-name-date span.wpsr-review-date {
    color: rgba(255, 255, 255, 0.5) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.wpsr-reviewer-avatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    margin: 0 !important;
}

.wpsr-review-content {
    margin: 8px 0 0 0 !important;
    padding: 0 !important;
    height: auto !important;
}

div.wpsr-review-content p,
div.wpsr-review-content p * {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: #ffffff !important;
    margin: 0 !important;
}

.wpsr-review-content span.wpsr_read_more,
.wpsr-review-content span.wpsr_read_less {
    color: #ffffff !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
    opacity: 0.8;
}

.wpsr-rating-wrapper {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}

.wpsr-rating-float {
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.wpsr-review-platform,
.wpsr-swiper-carousel-wrapper {
    display: none !important;
}

.wpsr-fixed-height,
.wpsr-container {
    height: auto !important;
    min-height: 0 !important;
}

.wpsr-reviews-slider {
    position: relative !important;
    padding-bottom: 44px !important;
}

.wpsr-reviews-slider::before,
.wpsr-reviews-slider::after {
    position: absolute !important;
    bottom: 0 !important;
    width: 38px !important;
    height: 32px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    z-index: 99 !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    transition: background-color 0.2s cubic-bezier(0.25, 1, 0.5, 1), transform 0.15s ease, opacity 0.2s ease !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px !important;
    pointer-events: auto !important;
    opacity: 1 !important;
}

.wpsr-reviews-slider::before {
    content: "" !important;
    right: 46px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E") !important;
}

.wpsr-reviews-slider::after {
    content: "" !important;
    right: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231e293b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E") !important;
}

.wpsr-reviews-slider::before:hover,
.wpsr-reviews-slider::after:hover {
    background-color: #f8fafc !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.wpsr-reviews-slider::before:active,
.wpsr-reviews-slider::after:active {
    background-color: #f1f5f9 !important;
    transform: scale(0.96) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

.wpsr-swiper-carousel-wrapper,
.swiper-button-next,
.swiper-button-prev {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.wpsr-reviews-slider:has(.swiper-button-prev.swiper-button-disabled)::before,
.wpsr-reviews-slider:has(.swiper-button-prev[aria-disabled="true"])::before {
    opacity: 0.35 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.wpsr-reviews-slider:has(.swiper-button-next.swiper-button-disabled)::after,
.wpsr-reviews-slider:has(.swiper-button-next[aria-disabled="true"])::after {
    opacity: 0.35 !important;
    background-color: rgba(255, 255, 255, 0.4) !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
}

.wpsr-reviews-slider-wrapper-inner {
    position: relative !important;
}

.wpsr-reviews-slider-wrapper-inner::before {
    content: "" !important;
    position: absolute !important;
    top: -14px !important;
    left: 0 !important;
    width: 100% !important;
    height: 1px !important;
    background: rgba(255, 255, 255, 0.08) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0f2959 */.a4u-s2-side-wrapper {
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    overflow: visible !important; /* Allows shadow to show outside */
}

/* ✨ The Dedicated Shadow Layer */
.a4u-card-shadow-layer {
    position: absolute !important;
    inset: 4px !important; /* Slightly smaller than card to center the shadow */
    border-radius: 32px !important;
    background: transparent !important;
    z-index: -1 !important; /* Sits behind everything */
    box-shadow: 0 20px 40px -15px rgba(0, 10, 100, 0.06), 0 15px 25px -10px rgba(0, 0, 0, 0.02) !important;
    pointer-events: none !important;
}

.a4u-s2-side-card {
    position: relative !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border-radius: 32px !important;
    background: transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important; /* Keeps the trail inside the card corners */
}

.a4u-s2-side-content-box {
    background: #ffffff !important;
    border: 3px solid transparent !important;
    border-radius: 32px !important;
    padding: 28px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    background-clip: padding-box !important;
}

@media (min-width: 768px) {
    .a4u-s2-side-content-box { padding: 32px !important; }
}

.a4u-card-border-track {
    position: absolute !important;
    inset: 0 !important;
    clip-path: inset(0 0 0 0 round 32px) !important;
    border-radius: 32px !important;
    background: transparent !important;
    z-index: 0 !important;
    container-type: inline-size !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

.a4u-card-glow-trail {
    width: calc(25 * 1cqmin) !important; 
    aspect-ratio: 2 / 1 !important;
    position: absolute !important;
    background: radial-gradient(
        100% 100% at right,
        #d4af37,
        transparent 50%
    ) !important;
    filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.9)) !important;
    offset-path: inset(0 round 32px) !important;
    offset-anchor: 100% 50% !important;
    animation: a4uJheyJourney 8s infinite linear !important; 
}

@keyframes a4uJheyJourney {
    to {
        offset-distance: 100%;
    }
}

.a4u-s2-side-statement {
    display: flex !important;
    gap: 16px !important;
    align-items: flex-start !important;
}

.a4u-s2-statement-icon {
    color: var(--a4u-navy) !important;
    flex-shrink: 0 !important;
    margin-top: 4px !important;
}

.a4u-s2-statement-text {
    color: var(--a4u-text-muted) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 500 !important;
}

.a4u-s2-statement-text strong {
    font-weight: 700 !important;
    color: var(--a4u-text-dark) !important;
}

.a4u-s2-steps-box {
    width: 100% !important;
    flex: 1 1 0% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: rgba(241, 245, 249, 0.6) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    border: 1px solid rgba(226, 232, 240, 0.6) !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    .a4u-s2-steps-box { padding: 28px !important; }
}

.a4u-s2-steps-badge {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--a4u-text-muted) !important;
    letter-spacing: 0.05em !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
}

.a4u-s2-spin {
    animation: a4uSpin 1s linear infinite !important;
    height: 16px !important;
    width: 16px !important;
    color: var(--a4u-gold) !important;
}

.a4u-s2-spin-bg { opacity: 0.25 !important; }

@keyframes a4uSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.a4u-s2-timeline {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    text-align: left !important;
}

.a4u-s2-timeline-line {
    position: absolute !important;
    top: 12px !important;
    bottom: 12px !important;
    left: 12px !important;
    transform: translateX(-50%) !important;
    width: 2px !important;
    background: #e2e8f0 !important;
}

.a4u-s2-timeline-step {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    padding-left: 40px !important;
}

.a4u-s2-step-number {
    position: absolute !important;
    left: 12px !important;
    transform: translateX(-50%) !important;
    top: 0 !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.a4u-s2-step-number.a4u-s2-step-active {
    background: var(--a4u-gold) !important;
    color: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.8) !important;
}

.a4u-s2-step-info {
    display: flex !important;
    flex-direction: column !important;
}

.a4u-s2-step-title {
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--a4u-text-dark) !important;
}

.a4u-s2-step-title.a4u-s2-text-accent {
    color: var(--a4u-gold) !important;
}

.a4u-s2-step-desc {
    font-size: 13px !important;
    color: var(--a4u-text-muted) !important;
    margin: 4px 0 0 0 !important;
    line-height: 1.4 !important;
}

.a4u-s2-side-action-compact {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    padding-top: 4px !important;
    box-sizing: border-box !important;
}

@media (max-width: 767px) {
    .a4u-s2-side-action-compact {
        justify-content: center !important; 
    }
}

.a4u-btn-compact {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--a4u-navy) !important;
    text-decoration: none !important;
    gap: 6px !important;
    padding: 6px 0 !important;
    position: relative !important; /* ✨ CRITICAL: Makes the underline stick to the button */
    cursor: pointer !important;
    transition: color 0.2s ease !important;
}

.a4u-btn-compact::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--a4u-gold-light) !important;
    transform: scaleX(1) !important;
    transform-origin: bottom left !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.2, 1), background-color 0.2s ease !important;
}

.a4u-btn-compact:hover {
    color: var(--a4u-gold) !important;
}

.a4u-btn-compact:hover::after {
    transform: scaleX(0.4) !important;
    background-color: var(--a4u-gold) !important;
}

.a4u-btn-compact svg {
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.2, 1) !important;
}

.a4u-btn-compact:hover svg {
    transform: translateX(4px) !important;
}

@media (max-width: 768px) {
    .a4u-s2-side-action-compact {
        justify-content: center !important; 
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba04097 */.a4u-s3-action-right {
    display: flex !important;
    justify-content: flex-end !important;
    width: 100% !important;
}

.a4u-desktop-hidden-sim {
    display: none !important;
}

/* --- WHATSAPP SHARED NOTIFICATION SYSTEM CONTAINER --- */
.a4u-sys-notice-box-shared {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 0 0 !important;
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.a4u-notice-icon-shared { 
    color: #000a64 !important; 
    flex-shrink: 0 !important; 
    margin-top: 1px !important;
}

.a4u-notice-text-shared { 
    font-size: 13px !important; 
    color: #475569 !important; 
    line-height: 1.5 !important; 
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.a4u-notice-text-shared strong { 
    color: #1e293b !important; 
    font-weight: 700 !important; 
}

/* --- MOBILE ENVIRONMENT ONLY (Below 768px) --- */
@media (max-width: 767px) {
    .a4u-desktop-hidden-sim {
        display: block !important;
        margin: 24px auto 24px auto !important;
        width: 100% !important;
    }
    
    .a4u-s3-text-wrapper {
        text-align: center !important;
    }
    
    .a4u-s3-text-wrapper .a4u-section-title,
    .a4u-s3-text-wrapper .a4u-section-desc {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .a4u-s3-action-right {
        justify-content: center !important;
    }

    .a4u-sys-notice-box-shared {
        margin: 24px auto 0 auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87bbb4f *//* ====================================================
   [THE PREMIUM AMBIENT DIVIDER ENGINE - MOBILE FIXED]
   ==================================================== */
.a4u-section-divider {
    width: 100%;
    height: 1px; 
    border: none;
    margin: 10px auto; 
    max-width: 1200px; /* Dikunci untuk desktop sahaja */
    box-sizing: border-box !important; /* Perisai elak overflow */
    
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(148, 163, 184, 0.15) 20%, 
        rgba(181, 142, 116, 0.3) 50%,  
        rgba(148, 163, 184, 0.15) 80%, 
        transparent 100%
    );
    
    position: relative;
}

/* RESPONSIVE RESET: Membunuh paksaan layout desktop pada phone */
@media (max-width: 767px) {
    .a4u-section-divider {
        max-width: 100% !important; /* 🛠️ PENYELAMAT 1: Padam terus sekatan 1200px desktop */
        width: 85% !important;       /* 🛠️ PENYELAMAT 2: Paksa duduk tengah dalam skala peratusan phone */
        margin: 10px auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-90c8556 */.a4u-s4-text-wrapper {
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.a4u-s4-stage-container {
    position: relative;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    padding: 8px 0;
    overflow: hidden;
    height: 440px;
    display: flex;
    align-items: center;
    perspective: 1200px;
}

.a4u-s4-veil-left,
.a4u-s4-veil-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    pointer-events: none;
    z-index: 30;
}

.a4u-s4-veil-left {
    left: 0;
    background: linear-gradient(to right, #ffffff, rgba(255,255,255,0.3), transparent);
}

.a4u-s4-veil-right {
    right: 0;
    background: linear-gradient(to left, #ffffff, rgba(255,255,255,0.3), transparent);
}

.a4u-s4-track-engine {
    display: flex;
    gap: 20px;
    z-index: 20;
    position: relative;
    will-change: transform;
    transform-style: preserve-3d;
    align-items: center;
}

.a4u-s4-slide {
    height: 400px;
    width: 260px;
    flex-shrink: 0;
    transform-style: preserve-3d;
    perspective: 800px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}

.a4u-sijil-card {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px !important;
    box-shadow: 
        0 4px 6px -1px rgba(0, 10, 100, 0.02),
        0 12px 24px -4px rgba(0, 10, 100, 0.05),
        0 24px 48px -12px rgba(0, 10, 100, 0.08) !important;
    will-change: transform;
    transform: translateZ(0); 
    transition: transform 0.5s ease;
}

.a4u-s4-share-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 12px 24px;
    border-radius: 99px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    overflow: hidden;
    max-width: 100%;
}

.a4u-s4-pill-shine {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
    transform: translateX(-100%);
    pointer-events: none;
}

.a4u-s4-share-pill:hover .a4u-s4-pill-shine {
    animation: ctaShineEngine 1.2s ease-in-out infinite;
}

.a4u-s4-pill-title {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.025em;
    white-space: nowrap;
}

.a4u-s4-pill-divider {
    width: 1px;
    height: 14px;
    background: #e2e8f0;
}

.a4u-s4-social-group {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #94a3b8;
    position: relative;
    z-index: 10;
}

.a4u-s4-svg {
    width: 14px;
    height: 14px;
    fill: currentColor;
    cursor: pointer;
    transition: color 0.3s ease;
    display: block;
}

.a4u-s4-ico-whatsapp:hover .a4u-s4-svg { color: #22c55e; }
.a4u-s4-ico-instagram:hover .a4u-s4-svg { color: #ec4899; }
.a4u-s4-ico-tiktok:hover .a4u-s4-svg { color: #000000; }
.a4u-s4-ico-facebook:hover .a4u-s4-svg { color: #2563eb; }

.a4u-s4-share-badge {
    width: 20px;
    height: 20px;
    background: var(--a4u-navy);
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 6px rgba(0,10,100,0.1);
}

.a4u-s4-badge-svg {
    width: 10px;
    height: 10px;
}

.a4u-s4-holder-mobile {
    display: none !important;
}

@media (max-width: 767px) {
    .a4u-s4-text-wrapper {
        text-align: center !important;
        align-items: center !important;
    }
    
    .a4u-s4-text-wrapper .a4u-section-title,
    .a4u-s4-text-wrapper .a4u-section-desc {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    .a4u-s4-holder-mobile {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        position: static !important;
        margin-top: 15px !important;
        margin-bottom: 30px !important;
        overflow: visible !important;
    }
    
    .a4u-s4-stage-container {
        width: 100% !important;
        max-width: 100% !important;
        height: 440px !important;
    }
    
    .a4u-s4-slide {
        height: 400px !important;
        width: 260px !important;
    }
    
    .a4u-s4-veil-left, 
    .a4u-s4-veil-right {
        width: 40px !important;
    }
    
    .a4u-s4-track-engine {
        gap: 20px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-019ba5a *//* ====================================================
   [GRAND CANVAS CARD ENGINE - #daftar - FIXED BORDER]
   ==================================================== */
.a4u-grand-pkg-canvas {
    position: relative !important;
    background: rgba(255, 255, 255, 0.75) !important; /* Kurangkan legap sikit untuk biarkan background tembus */
    backdrop-filter: blur(24px) !important;
    -webkit-backdrop-filter: blur(24px) !important;
    border-radius: 2rem !important;
    
    /* 🛠️ ENJIN PENYELAMAT BORDER ATAS:
       Kita campurkan kelabu cair (0.04) untuk sempadan luar, DAN putih suci (0.8) di bahagian dalam (inset) 
       supaya bahagian atas kanvas auto-terpotong dan timbul dari background putih! */
    border: 1px solid rgba(15, 23, 42, 0.06) !important; 
    
    box-shadow: 
        inset 0 1px 0 0 rgba(255, 255, 255, 0.8), /* Kilauan cahaya (highlight) di tebing paling atas */
        0 20px 40px -15px rgba(0, 10, 100, 0.08), 
        0 15px 25px -10px rgba(0, 0, 0, 0.04) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d90535a *//* --- APPLESQUE COMPACT CONTAINER --- */
.a4u-apple-header-grid {
    position: relative !important; 
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    text-align: left !important;
}

.a4u-apple-header-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
}

/* DESKRIPSI: Dibuka luas penuh skrin sebab badge sudah melayang */
.a4u-apple-header-left .a4u-section-desc {
    width: 100% !important;
    max-width: 100% !important; 
    margin-right: 0 !important;
}

/* FLOATING MECHANISM (DESKTOP) */
.a4u-apple-header-right {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 20 !important;
}

/* --- ULTRA COMPACT TICKER PILL (STYLE SHARE STORY S4) --- */
.a4u-pkg-ticker-pill {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    height: 42px; /* Diturunkan biar super compact & sleek */
    width: 260px; /* Saiz ideal kompak untuk memeluk logo bank tanpa melimpah */
    border-radius: 99px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
    overflow: hidden;
}

.a4u-pkg-pill-shine {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent);
    transform: translateX(-100%);
    pointer-events: none;
}
.a4u-pkg-ticker-pill:hover .a4u-pkg-pill-shine {
    animation: ctaShineEngine 1.2s ease-in-out infinite;
}

.a4u-pkg-pill-badge {
    color: #334155;
    padding: 0 14px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 11px; /* Selaras dengan saiz s4 font */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    white-space: nowrap;
    border-right: 1px solid #e2e8f0;
}

.a4u-pkg-ticker-stage {
    flex-grow: 1;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
}

/* FIXED: Padding ditumpukan pada imej + sekatan saiz tegar */
.a4u-pkg-vendor-img {
    max-height: 16px; /* Mengecil secara premium, tiada isu terkeluar pasak */
    max-width: 100%;
    width: auto;
    object-fit: contain;
    padding: 0 4px; /* Memberi ruang padding kiri kanan logo bank */
    filter: brightness(0);
    opacity: 0.7;
    box-sizing: border-box;
}

.a4u-ticker-slide-v3 {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(12px);
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.a4u-ticker-slide-v3.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* --- AUTO-CENTER AND RESET ON MOBILE --- */
@media (max-width: 767px) {
    .a4u-apple-header-grid {
        align-items: center !important;
        text-align: center !important;
    }
    
    .a4u-apple-header-left {
        align-items: center !important;
    }
    
    .a4u-apple-header-right {
        position: static !important; 
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 16px !important;
    }

    .a4u-pkg-ticker-pill {
        width: 240px;
        height: 38px; /* Lebih mampat di skrin phone */
    }
    
    .a4u-pkg-pill-badge {
        font-size: 10px;
        padding: 0 10px;
    }
    
    .a4u-pkg-vendor-img {
        max-height: 14px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-698d41f */.a4u-prod-desc {
    font-size: 13.5px !important;
    line-height: 1.5 !important;
    color: var(--a4u-text-muted) !important;
    margin: 0 !important;
    text-align: left !important;
    font-weight: 500 !important;
}
.a4u-prod-body h3 {
    margin-bottom: -2px !important; 
}
.a4u-modern-wrapper {
    width: 100%;
    box-sizing: border-box;
}
.a4u-modern-card {
    background: #ffffff;
    border-radius: 20px;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    transform: none !important; 
    transition: box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}
.a4u-modern-card:hover {
    transform: none !important;
    border-color: #cbd5e1;
    box-shadow: 0 20px 40px -15px rgba(0, 10, 100, 0.06), 0 15px 25px -10px rgba(0, 0, 0, 0.02) !important;
}
.a4u-modern-card:hover .a4u-btn-primary,
.a4u-modern-card:hover .a4u-btn-compact {
    transform: none !important; 
}
.a4u-modern-img-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #f1f5f9;
}
.a4u-modern-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: transform;
    transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.a4u-modern-card:hover .a4u-modern-img {
    transform: scale(1.08) !important;
}
.a4u-modern-gradient-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, transparent 50%, rgba(0,0,0,0.25) 100%);
    pointer-events: none;
    z-index: 2;
}
.a4u-float-badge.a4u-badge-left {
    position: absolute;
    top: 14px;
    left: 14px;
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 5px 10px;
    border-radius: 99px;
    z-index: 5;
}
.a4u-loc-flag { font-size: 11px; font-weight: 700; }
.a4u-float-status-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    padding: 5px 12px;
    border-radius: 99px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 6px;
    z-index: 5;
}
.a4u-pulse-dot {
    width: 6px;
    height: 6px;
    background: #22c55e;
    border-radius: 50%;
    display: inline-block;
    position: relative;
}
.a4u-pulse-dot::after {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 50%;
    border: 2px solid #22c55e;
    animation: a4uPulseEffect 2s infinite ease-out;
    opacity: 0;
}
@keyframes a4uPulseEffect {
    0% { transform: scale(0.5); opacity: 1; }
    100% { transform: scale(2.5); opacity: 0; }
}
.a4u-frosted-white-price {
    position: absolute;
    bottom: 14px;
    left: 14px;
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(16px) saturate(120%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(120%) !important;
    border: 1px solid rgba(255, 255, 255, 0.7) !important; 
    padding: 8px 14px;
    border-radius: 14px;
    z-index: 5;
    box-shadow: 0 8px 24px rgba(0, 10, 100, 0.04) !important;
    display: flex;
    flex-direction: column;
}
.a4u-frosted-price-label {
    font-size: 9px;
    font-weight: 700;
    color: var(--a4u-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 1;
}
.a4u-frosted-price-value {
    font-size: 19px;
    font-weight: 800;
    color: var(--a4u-navy);
    margin: 4px 0 0 0;
    line-height: 1;
}
.a4u-frosted-price-value small { font-size: 11px; font-weight: 600; opacity: 0.75; }


.a4u-modern-body {
    padding: 26px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
    gap: 16px;
}
.a4u-modern-info-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex-grow: 1; 
}
.a4u-modern-title {
    font-size: 20px;
    font-weight: 800;
    margin: 0;
    color: var(--a4u-text-dark);
    letter-spacing: -0.5px;
}
.a4u-modern-desc {
    font-size: 13.5px;
    line-height: 1.5;
    color: var(--a4u-text-muted);
    margin: 0;
    font-weight: 500;
}
.a4u-modern-action-compact-group {
    width: 100% !important;
    display: flex !important;
    justify-content: flex-end !important; 
    margin-top: auto !important; 
}

@media (max-width: 767px) {
    .a4u-modern-img-box { aspect-ratio: 16 / 9; }
    .a4u-modern-body { padding: 20px; gap: 14px; }
    .a4u-modern-title { font-size: 19px; }
    .a4u-frosted-white-price { padding: 6px 12px; bottom: 10px; left: 10px; }
    .a4u-frosted-price-value { font-size: 17px; }
    .a4u-float-badge.a4u-badge-left, .a4u-float-status-badge { top: 10px; }
    .a4u-float-badge.a4u-badge-left { left: 10px; }
    .a4u-float-status-badge { right: 10px; }
    .a4u-modern-action-compact-group {
        justify-content: center !important;
    }
}

.a4u-cards-grid {
    display: grid;
    grid-template-columns: 1fr; 
    gap: 24px; 
    width: 100%;
}


@media (min-width: 768px) {
    .a4u-cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}


@media (min-width: 1024px) {
    .a4u-cards-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c556fd9 *//* Susun atur ikon mikro dalam status badge */
.a4u-float-status-badge.is-affiliate {
    background: rgba(15, 23, 42, 0.75) !important; /* Kekalkan dark slate premium */
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important; /* Jarak intim antara ikon dan teks */
}

.a4u-badge-icon {
    color: var(--a4u-gold-light) !important; /* Warna emas lembut untuk sentuhan premium rakan strategik */
    flex-shrink: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d46ab5 *//* ====================================================
   [MODERN BENTO CARD: SEASONAL CLOSED ENGINE]
   ==================================================== */

/* Kesan Keseluruhan Kad Bila Ditutup: Kurangkan kepekatan visual secara premium */
.a4u-modern-card.is-closed {
    border-color: #e2e8f0 !important;
    background: #fafafa;
}

/* Matikan kesan zoom imej bila kad kena hover sebab produk rehat */
.a4u-modern-card.is-closed:hover .a4u-modern-img {
    transform: none !important;
}

.a4u-modern-card.is-closed .a4u-modern-img {
    filter: grayscale(0.4) opacity(0.8); /* Lembutkan gambar, takda la nampak mati terus */
}

/* Status Pill Mod Kelabu (Bermusim) */
.a4u-float-status-badge.is-seasonal {
    background: rgba(71, 85, 105, 0.8) !important; /* Muted Slate Grey */
    color: #ffffff !important;
}

.a4u-static-dot {
    width: 6px;
    height: 6px;
    background: #94a3b8; /* Titik Kelabu Kaku */
    border-radius: 50%;
    display: inline-block;
}

/* Mematikan Kaunter Butang Kompak */
.a4u-btn-compact.is-disabled {
    color: #94a3b8 !important; /* Warna teks pudar */
    cursor: not-allowed !important;
    pointer-events: none !important; /* Kunci link terus daripada boleh diklik */
}

/* Matikan animasi underline baris bawah butang compact waktu ditutup */
.a4u-btn-compact.is-disabled::after {
    display: none !important;
}

.a4u-btn-compact.is-disabled svg {
    color: #94a3b8 !important;
    transform: none !important; /* Matikan mikro pergerakan ikon */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d1f5d68 */.a4u-faq-section-master {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 0 auto 20px auto !important;
    padding: 0 16px !important;
    font-family: 'Inter', sans-serif !important;
    text-align: left !important;
    box-sizing: border-box !important;
}
.a4u-faq-header-center {
    text-align: center !important;
    margin-bottom: 24px !important;
}
.a4u-faq-main-title {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: var(--a4u-text-dark) !important;
    font-family: 'Inter', sans-serif !important;
    line-height: 1.2 !important;
    letter-spacing: -1px !important;
    margin: 0 !important;
}
.a4u-faq-navy-glow {
    color: var(--a4u-navy) !important;
}
.a4u-faq-badge-tabs-grid {
    display: none !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-bottom: 48px !important;
}
.a4u-faq-tab-badge {
    background: #f8fafc !important;
    color: var(--a4u-text-muted) !important;
    border: 1px solid #e2e8f0 !important;
    padding: 10px 20px !important;
    border-radius: 9999px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}
.a4u-faq-tab-badge:hover {
    color: var(--a4u-navy) !important;
    border-color: var(--a4u-navy) !important;
    background: rgba(0, 10, 100, 0.02) !important;
}
.a4u-faq-tab-badge.active {
    background: var(--a4u-navy) !important;
    color: #ffffff !important;
    border-color: var(--a4u-navy) !important;
    box-shadow: 0 10px 20px -5px rgba(0, 10, 100, 0.2) !important;
}
.a4u-faq-mobile-menu {
    display: block !important;
    width: 100% !important;
    margin-bottom: 32px !important;
}
.a4u-faq-select-input {
    width: 100% !important;
    height: 50px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--a4u-text-dark) !important;
    outline: none !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
}
.a4u-faq-content-vault {
    width: 100% !important;
}
.a4u-faq-topic-panel {
    display: none !important;
    width: 100% !important;
}
.a4u-faq-topic-panel.active {
    display: block !important;
}
.a4u-faq-grid-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    border-top: 1px solid #e2e8f0 !important;
    width: 100% !important;
}
.a4u-faq-item-box {
    width: 100% !important;
    border-bottom: 1px solid #e2e8f0 !important;
    transition: background-color 0.3s ease !important;
    box-sizing: border-box !important;
    display: block !important;
}
.a4u-faq-item-box.is-active {
    background-color: rgba(248, 250, 252, 0.6) !important;
}
.a4u-faq-trigger {
    width: 100% !important;
    padding: 24px 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    text-align: left !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.a4u-faq-trigger:focus {
    outline: none !important;
    box-shadow: none !important;
}

.a4u-faq-trigger h3 {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--a4u-text-dark) !important;
    line-height: 1.4 !important;
    transition: color 0.3s ease !important;
    flex: 1 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    min-width: 0 !important;
}
.a4u-faq-trigger:hover h3,
.a4u-faq-item-box.is-active .a4u-faq-trigger h3 {
    color: var(--a4u-navy) !important;
}
.a4u-faq-icon-holder {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--a4u-navy) !important;
    transition: all 0.3s ease !important;
    flex-shrink: 0 !important;
}
.a4u-faq-icon-holder svg {
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    overflow: visible !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.a4u-faq-item-box.is-active .a4u-faq-icon-holder {
    background: var(--a4u-navy) !important;
    color: #ffffff !important;
    border-color: var(--a4u-navy) !important;
}
.a4u-faq-item-box.is-active .a4u-faq-icon-holder svg {
    transform: rotate(180deg) !important;
}
.a4u-faq-body {
    max-height: 0;
    overflow: hidden !important;
    display: block !important;
    visibility: visible !important;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: max-height !important;
}
.a4u-faq-body-inner {
    padding: 0 8px 24px 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: var(--a4u-text-muted) !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 500 !important;
}
.a4u-faq-body-inner p {
    margin: 0 !important;
}
.a4u-secure-phone {
    unicode-bidi: bidi-override !important;
    direction: rtl !important;
}
.a4u-faq-action-compact-group {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 40px !important;
    box-sizing: border-box !important;
}
.a4u-faq-footer-link {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--a4u-navy) !important;
    text-decoration: none !important;
    gap: 6px !important;
    padding: 6px 0 !important;
    position: relative !important;
    cursor: pointer !important;
}
.a4u-faq-footer-link::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--a4u-gold-light) !important;
    transform: scaleX(1) !important;
    transform-origin: bottom left !important;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.2, 1), background-color 0.2s ease !important;
}
.a4u-faq-footer-link:hover { color: var(--a4u-gold) !important; }
.a4u-faq-footer-link:hover::after { transform: scaleX(0.4) !important; background-color: var(--a4u-gold) !important; }
.a4u-faq-footer-link svg { transition: transform 0.3s cubic-bezier(0.25, 1, 0.2, 1) !important; }
.a4u-faq-footer-link:hover svg { transform: translateX(4px) !important; }

.a4u-hud-divider-wrapper { width: 100% !important; max-width: 1480px !important; margin: 10px auto !important; padding: 0 16px !important; box-sizing: border-box !important; }
.a4u-hud-flex-row { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; }
.a4u-hud-line-r, .a4u-hud-line-l { flex: 1 !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(226, 232, 240, 0.6), transparent) !important; }
.a4u-hud-badge-bubble { background: #f8fafc !important; color: var(--a4u-navy) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; padding: 10px 20px !important; border-radius: 9999px !important; font-size: 10px !important; font-weight: 700 !important; font-family: 'Inter', sans-serif !important; text-transform: uppercase !important; letter-spacing: 1px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap !important; }
.a4u-bounce-icon { flex-shrink: 0 !important; animation: a4uMicroBounce 2s infinite ease-in-out !important; }
@keyframes a4uMicroBounce { 0%, 100% { transform: translateY(0) !important; } 50% { transform: translateY(-3px) !important; } }

@media (min-width: 768px) {
    .a4u-faq-main-title { font-size: 42px !important; letter-spacing: -1.5px !important; }
    .a4u-faq-mobile-menu { display: none !important; }
    .a4u-faq-badge-tabs-grid { display: flex !important; }
    .a4u-faq-trigger { padding: 28px 16px !important; }
    .a4u-faq-trigger h3 { font-size: 16px !important; }
    .a4u-faq-body-inner { padding: 0 16px 28px 16px !important; font-size: 14.5px !important; }
    .a4u-faq-grid-container {
        grid-template-columns: repeat(2, 1fr) !important;
        column-gap: 32px !important;
        border-top: none !important;
    }
    .a4u-faq-item-box:nth-child(1),
    .a4u-faq-item-box:nth-child(2) {
        border-top: 1px solid #e2e8f0 !important;
    }
    .a4u-faq-action-compact-group {
        justify-content: flex-end !important;
        padding-right: 8px !important;
    }
}
@media (max-width: 767px) {
    .a4u-faq-grid-container { padding-left: 0 !important; padding-right: 0 !important; }
    .a4u-faq-trigger { padding-left: 8px !important; padding-right: 8px !important; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1276eb3 *//* --- COMPACT APPLE-STYLE NOTICE BANNER SYSTEM --- */
.a4u-notice-banner-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 24px 0 !important;
    background: #ffffff !important;
    border: 1px solid #d2d2d7 !important;
    border-radius: 12px !important;
    padding: 14px 20px !important;
    display: flex !important;
    gap: 12px !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    text-align: left !important;
}

.a4u-notice-banner-icon { 
    color: #000a64 !important; 
    flex-shrink: 0 !important; 
    margin-top: 2px !important; /* Kept aligned with 18px size */
}

.a4u-notice-banner-text { 
    font-size: 13px !important; 
    color: #475569 !important; 
    line-height: 1.5 !important; 
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
    margin: 0 !important;
}

/* Inherited High-Contrast Premium Anchor Link States */
.a4u-notice-banner-link {
    color: #000a64 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    transition: color 0.2s ease !important;
}

.a4u-notice-banner-link:hover {
    color: #0015a3 !important;
}

/* --- MOBILE COMPATIBILITY HOOK --- */
@media (max-width: 767px) {
    .a4u-notice-banner-wrapper {
        margin: 24px auto !important;
        padding: 12px 16px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e09792 */.a4u-stacked-master-container {
    width: 100% !important;
    max-width: 1480px !important;
    margin: 32px auto 64px auto !important;
    padding: 0 16px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.a4u-s2-hero-card {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background-color: var(--a4u-navy) !important;
    background-image: linear-gradient(135deg, rgba(0, 10, 100, 0.94), rgba(0, 20, 120, 0.88)), url('https://aqiqah4uwebsite.s3.ap-southeast-1.amazonaws.com/2026/03/overlay-aqiqah4u.webp') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    overflow: hidden !important;
    box-shadow: 0 25px 50px -12px rgba(0, 10, 100, 0.15) !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

.a4u-tower-top {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}

.a4u-s2-glow-top { position: absolute !important; top: -120px !important; right: -120px !important; width: 300px !important; height: 300px !important; background: rgba(129, 140, 248, 0.25) !important; border-radius: 50% !important; filter: blur(90px) !important; pointer-events: none !important; z-index: 15 !important; }
.a4u-s2-glow-bottom { position: absolute !important; bottom: -120px !important; left: -120px !important; width: 250px !important; height: 250px !important; background: rgba(224, 203, 189, 0.15) !important; border-radius: 50% !important; filter: blur(80px) !important; pointer-events: none !important; z-index: 15 !important; }
.a4u-s2-content-grid { position: relative !important; z-index: 20 !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; text-align: center !important; padding: 32px 20px !important; gap: 24px !important; box-sizing: border-box !important; }
.a4u-s2-copy-block { width: 100% !important; display: flex !important; flex-direction: column !important; justify-content: center !important; }
.a4u-s2-heading { font-size: 26px !important; font-weight: 800 !important; line-height: 1.25 !important; color: #ffffff !important; letter-spacing: -0.5px !important; margin: 0 0 14px 0 !important; }
.a4u-s2-lead-text { font-size: 14px !important; line-height: 1.55 !important; color: rgba(255, 255, 255, 0.75) !important; margin: 0 0 20px 0 !important; max-width: 640px !important; }

@media (min-width: 768px) {
    .a4u-s2-content-grid { flex-direction: row !important; align-items: center !important; text-align: left !important; padding: 40px 48px !important; gap: 36px !important; }
    .a4u-s2-copy-block { width: 58.333333% !important; padding-right: 16px !important; }
    .a4u-s2-heading { font-size: 34px !important; line-height: 1.2 !important; letter-spacing: -1px !important; }
    .a4u-s2-lead-text { font-size: 15px !important; }
}

.a4u-s2-slider-block { width: 100% !important; display: flex !important; align-items: center !important; }
.a4u-s2-video-frame { background: rgba(255, 255, 255, 0.05) !important; border-radius: 16px !important; padding: 16px !important; width: 100% !important; height: auto !important; transform: translateZ(0) !important; border: 1px solid rgba(255, 255, 255, 0.08) !important; backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; box-sizing: border-box !important; }
.a4u-s2-video-aspect { width: 100% !important; aspect-ratio: 16 / 9 !important; position: relative !important; border-radius: 12px !important; overflow: hidden !important; background: #000000 !important; cursor: pointer !important; }
.a4u-s2-video-element { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
.a4u-s2-video-trigger { position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, 0.15) !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 10 !important; }
.a4u-s2-play-btn { width: 52px !important; height: 52px !important; background: #ffffff !important; color: var(--a4u-navy) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: 0 10px 20px rgba(0,0,0,0.15) !important; transition: transform 0.4s cubic-bezier(0.25, 1, 0.2, 1) !important; }
.a4u-s2-video-aspect:hover .a4u-s2-play-btn { transform: scale(1.1) !important; }
.a4u-s2-play-svg { width: 16px !important; height: 16px !important; fill: currentColor !important; margin-left: 2px !important; }

@media (min-width: 768px) { .a4u-s2-slider-block { flex: 1 1 0% !important; max-width: 480px !important; } }

.a4u-s2-media-footer { width: 100% !important; border-top: 1px solid rgba(255, 255, 255, 0.08) !important; padding-top: 20px !important; margin-top: 24px !important; box-sizing: border-box !important; }
.a4u-s2-footer-label { font-size: 10px !important; font-weight: 700 !important; color: rgba(255, 255, 255, 0.3) !important; text-transform: uppercase !important; letter-spacing: 0.05em !important; margin: 0 0 12px 0 !important; text-align: center !important; }
.a4u-s2-logo-flex { display: flex !important; align-items: center !important; justify-content: center !important; gap: 20px !important; flex-wrap: wrap !important; }
.a4u-s2-logo-clean { height: 22px !important; width: auto !important; object-fit: contain !important; }
.a4u-s2-footer-pipe { display: none !important; color: rgba(255, 255, 255, 0.1) !important; font-size: 14px !important; }

@media (min-width: 768px) {
    .a4u-s2-footer-label { text-align: left !important; margin-left: 0 !important; }
    .a4u-s2-logo-flex { justify-content: flex-start !important; gap: 24px !important; }
    .a4u-s2-footer-pipe { display: block !important; }
    .a4u-s2-logo-clean { height: 26px !important; }
}

.a4u-eco-white-card {
    position: relative !important;
    width: 100% !important;
    background: #f8fafc !important;
    border-left: 1px solid #e2e8f0 !important;
    border-right: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-top: none !important;
    padding: 24px 20px !important;
    box-sizing: border-box !important;
    box-shadow: 0 20px 40px -15px rgba(0, 10, 100, 0.03) !important;
}

.a4u-tower-bottom {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}

.a4u-eco-compact-header {
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
}

.a4u-eco-mini-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--a4u-text-muted) !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    margin: 0 !important;
}

@media (min-width: 768px) { .a4u-eco-compact-header { text-align: left !important; } }

.a4u-eco-marquee-viewport {
    width: 100% !important;
    overflow: hidden !important;
}

.a4u-eco-logos-container {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(7, 1fr) !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
}

.a4u-eco-track {
    display: contents !important;
}

.a4u-eco-track:nth-child(2) {
    display: none !important;
}

.a4u-eco-tile-item { 
    width: 100% !important; 
    height: 75px !important; 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    padding: 6px !important; 
    box-sizing: border-box !important; 
    position: relative !important;
}

.a4u-eco-img-fit { 
    max-height: 100% !important; 
    max-width: 100% !important; 
    object-fit: contain !important; 
}

.a4u-eco-footer-split-zone {
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.a4u-eco-split-desc {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--a4u-text-muted) !important;
    max-width: 650px !important;
}

.a4u-eco-split-action {
    flex-shrink: 0 !important;
}

@media (min-width: 768px) {
    .a4u-eco-footer-split-zone {
        flex-direction: row !important;
        justify-content: space-between !important;
        text-align: left !important;
        align-items: center !important;
        gap: 32px !important;
    }
    .a4u-eco-split-desc { max-width: 75% !important; }
    .a4u-eco-white-card { padding: 28px 48px !important; }
}

.a4u-crawler-text { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.a4u-hud-divider-wrapper { width: 100% !important; max-width: 1480px !important; margin: 48px auto 16px auto !important; padding: 0 16px !important; box-sizing: border-box !important; }
.a4u-hud-flex-row { display: flex !important; align-items: center !important; justify-content: center !important; gap: 12px !important; width: 100% !important; }
.a4u-hud-line-r, .a4u-hud-line-l { flex: 1 !important; height: 1px !important; background: linear-gradient(90deg, transparent, rgba(226, 232, 240, 0.6), transparent) !important; }
.a4u-hud-badge-bubble { background: #f8fafc !important; color: var(--a4u-navy) !important; border: 1px solid rgba(226, 232, 240, 0.6) !important; padding: 10px 20px !important; border-radius: 9999px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; white-space: nowrap !important; }
.a4u-bounce-icon { flex-shrink: 0 !important; animation: a4uMicroBounce 2s infinite ease-in-out !important; }

@keyframes a4uMicroBounce { 0%, 100% { transform: translateY(0) !important; } 50% { transform: translateY(-3px) !important; } }

.a4u-s2-pill-group { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 10px !important; }
.a4u-s2-trust-pill { display: flex !important; align-items: center !important; gap: 6px !important; background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; padding: 6px 14px !important; border-radius: 9999px !important; font-size: 12px !important; font-weight: 600 !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; }

@media (max-width: 767px) {
    .a4u-stacked-master-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-top: 16px !important;
        margin-bottom: 32px !important;
    }
    .a4u-s2-content-grid {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important;
        gap: 20px !important;
    }
    .a4u-eco-white-card {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    .a4u-eco-marquee-viewport {
        position: relative !important;
        mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent) !important;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent) !important;
        padding: 10px 0 !important;
    }
    .a4u-eco-logos-container {
        display: flex !important;
        grid-template-columns: none !important;
        width: max-content !important;
        gap: 32px !important;
        margin-bottom: 0 !important;
    }
    .a4u-eco-track {
        display: flex !important;
        flex-direction: row !important;
        gap: 32px !important;
        flex-shrink: 0 !important;
        animation: nativeMarquee 20s linear infinite !important;
    }
    .a4u-eco-track:nth-child(2) {
        display: flex !important;
    }
    .a4u-eco-tile-item {
        width: 120px !important;
        height: 55px !important;
        flex-shrink: 0 !important;
    }
    @keyframes nativeMarquee {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-100%, 0, 0); }
    }
}/* End custom CSS */