/* CUSTOM EDITS & FIXED BY ESHXN :) */
.logo-ds-flex {
    top: 0;
    display: flex;
    align-items: center;
    padding: 40px 0px;
}

.status-box-container, .discord-box-container {
    margin: 0;
}

.container {
    width: 100%;
    max-width: 1400px!important;
}

.login-box {
    border-radius: 5px;
}

.login-text {
    font-size: unset;
    text-transform: uppercase;
    font-weight: 700;
}

.category-wrapper {
    display: flex;
    align-items: center;
    height: auto;
}

.categories-sidebar a {
    width: 100%;
    display: flex;
    align-items: center;
    background: #3333333d;
    border-radius: 6px;
    border: 1px solid #2f2f2f;
    padding: 10px 10px;
    transition: 80ms ease 0s;
}

.category-wrapper a .category {
    margin: 0!important;
}

.categories-sidebar {
    padding: 20px;
    display: flex;
    flex-direction: column;
    grid-gap: 20px;
}

.categories-sidebar a:hover {
    background: #00000066;
}

:root {
    --element-bg: #0c0c0c;
    --background-bg: #080808;
    --background-overlay: rgb(247 193 13 / 17%);
    --secondary-background-overlay: rgb(26 25 20 / 6%);
}

body {
    background: #080808;
}

.support-box, .refund-box {
    border-radius: 8px;
    border-width: 2px;
}

.support-title, .refund-title {
    border-radius: 4px;
}

@media (max-width: 768px) {
    .cf-package-grid {
        grid-template-columns: auto;
    }

    .card.package {
        border-radius: 8px;
        border: 1px solid #ffffff2e;
        box-shadow: none;
    }

    .card {
        padding: 20px;
    }

    .package-grid-title, .package-grid-price, .btn.btn-package-add.toggle-modal {
        display: flex;
        align-items: flex-start;
        text-align: left;
    }

    .btn.btn-package-add.toggle-modal {
        width: 100%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        color: black;
    }
}