.elementor-8525 .elementor-element.elementor-element-fba4fd3{--display:flex;}/* Start custom CSS for container, class: .elementor-element-fba4fd3 *//* HUDA e-STORE WALLET 3D MENU */

.huda-wallet-3d ul {
    display:flex !important;
    flex-direction:row !important;
    gap:18px !important;
    margin:25px 0 !important;
    padding:0 !important;
    list-style:none !important;
}

.huda-wallet-3d ul li {
    flex:1 1 0 !important;
    width:33.333% !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}

.huda-wallet-3d ul li::marker {
    display:none !important;
    content:"" !important;
}

/* ADD MONEY → OVERVIEW → HISTORY */
.huda-wallet-3d ul li:nth-child(1) {
    order:3 !important;
}

.huda-wallet-3d ul li:nth-child(2) {
    order:1 !important;
}

.huda-wallet-3d ul li:nth-child(3) {
    order:2 !important;
}

/* 3D CARDS */
.huda-wallet-3d ul li a {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:72px !important;
    width:100% !important;
    box-sizing:border-box !important;

    border-radius:20px !important;
    border:1px solid rgba(105,55,255,.18) !important;

    background:linear-gradient(
        145deg,
        #ffffff 0%,
        #f7f2ff 45%,
        #e7dcff 100%
    ) !important;

    color:#5420ff !important;
    font-size:16px !important;
    font-weight:700 !important;

    text-decoration:none !important;

    box-shadow:
        0 8px 0 #cfc0ef,
        0 16px 30px rgba(84,32,255,.20),
        inset 0 1px 0 #ffffff !important;

    transform:translateY(0) !important;

    transition:
        all .3s ease !important;

    overflow:hidden !important;
}

/* SHINE */
.huda-wallet-3d ul li a::before {
    content:"" !important;
    position:absolute !important;

    top:0 !important;
    left:-120% !important;

    width:70% !important;
    height:100% !important;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    ) !important;

    transform:skewX(-20deg) !important;

    transition:left .7s ease !important;
}

.huda-wallet-3d ul li a:hover::before {
    left:150% !important;
}

/* 3D HOVER */
.huda-wallet-3d ul li a:hover {
    transform:
        translateY(-8px)
        scale(1.02) !important;

    background:linear-gradient(
        145deg,
        #ffffff,
        #f0e7ff
    ) !important;

    box-shadow:
        0 15px 0 #bca8e8,
        0 25px 40px rgba(84,32,255,.28),
        inset 0 1px 0 #ffffff !important;

    color:#4212df !important;
}

/* CLICK */
.huda-wallet-3d ul li a:active {
    transform:translateY(4px) !important;

    box-shadow:
        0 3px 0 #bca8e8,
        0 8px 15px rgba(84,32,255,.15) !important;
}

/* MOBILE */
@media(max-width:767px) {

    .huda-wallet-3d ul {
        flex-direction:column !important;
        gap:12px !important;
    }

    .huda-wallet-3d ul li {
        width:100% !important;
        flex:none !important;
    }

    .huda-wallet-3d ul li a {
        min-height:60px !important;
        border-radius:17px !important;
        font-size:15px !important;
    }
}

/* SMALL MOBILE */
@media(max-width:480px) {

    .huda-wallet-3d ul {
        gap:10px !important;
    }

    .huda-wallet-3d ul li a {
        min-height:56px !important;
        font-size:14px !important;
        border-radius:15px !important;
    }
}/* End custom CSS */