.header-wrapper .logo a img {
    width: 50px;
}

.header-wrapper .logo a img {
    max-width: 100%;
}

a.footer__about-logo img {
    width: 50px;
}

a.footer__about-logo img {
    max-width: 100%;
}

div#swal2-html-container {
    font-size: 14px;
    line-height: 22px;
}

div:where(.swal2-icon).swal2-success {
    font-size: 10px;
}
div:where(.swal2-container) h2:where(.swal2-title) {
    padding: 0;
}



body{
    min-width: 320px !important;
}
.header-section--style3 {
    min-width: 320px !important;
}

.lightdark-switch {
    opacity: 0;
}

.header-bar.d-lg-none.header-bar--style2 {
    display: none;
}

/* Dropdown animation styles */
.dropdown-menu {
    animation-duration: 0.3s;
    animation-fill-mode: both;
    transform-origin: right top;
    display: none; /* Start hidden (Bootstrap will handle showing it) */
}

/* Animation when opening */
.dropdown-menu.show {
    display: block;
    margin-top: 100px;
    animation-name: slideInRight;
}

/* Animation when closing */
.dropdown-menu.hiding {
    animation-name: slideOutRight;
    display: block; /* Keep visible during animation */
}

/* Keyframes for slide in from right */
@keyframes slideInRight {
    from {
        transform: translateX(20px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
        position: absolute;
        inset: 0px auto auto -100px;
    }
}

/* Keyframes for slide out to right */
@keyframes slideOutRight {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(20px);
        opacity: 0;
    }
}

.payment-logo.text-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

strong#my__recent_balance {
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    font-weight: 800;
}

@media (max-width: 575px) {
    .header-wrapper .logo {
        /*max-width: 60px;*/
        text-align: center;
    }

    .w-full.max-w-lg.px-6.py-8.login-card.mt-5,
    .w-full.max-w-lg.px-6.py-8.register-card.mt-5 {
        margin-top: 115px !important;
        margin: 15px;
    }

    tbody#token-table-body tr td{
        margin: 0;
        padding: 2px 8px;
    }

    tbody#token-table-body tr td a {
        width: 75px;
    }

    .logo.logo-light.d-flex.gap-2 {
        margin-left: 100px !important;
    }
}