/* =================================== */
/* ============ ALLGEMEIN ============ */
/* =================================== */

.background-cover {
    background-size: cover;
}

.background-contain {
    background-size: contain;
}

.background-inherit {
    background-size: inherit;
}

.background-no-repeat {
    background-repeat: no-repeat;
}

.background-center-center {
    background-position: center center;
}

.background-center-top {
    background-position: center top;
}

.background-center-bottom {
    background-position: center bottom;
}

.background-bottom-right {
    background-position: bottom right;
}

.background-right-top {
    background-position: right top;
}

.background-center-right {
    background-position: center right;
}

.background-center-left {
    background-position: center left;
}

.max-width {
    max-width: 1440px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.image-hover .image-scale {
    transition: all 0.3s;
}

.image-hover:hover .image-scale {
    transform: scale(1.1);
}

.hyphens {
    hyphens: auto;
}

.min-vh-50 {
    min-height: 50vh;
}

.background-fixed {
    background-attachment: fixed;
}

.header-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#v-pills-home {
    min-width: 220px;
}

.no-line-break {
    white-space: nowrap;
}

/* Icons */

.book {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3332 14.6667H3.99984C3.2665 14.6667 2.6665 14.0667 2.6665 13.3333V2.66668C2.6665 1.93334 3.2665 1.33334 3.99984 1.33334H13.3332V14.6667Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3332 14.6667H3.99984C3.2665 14.6667 2.6665 14.0667 2.6665 13.3333C2.6665 12.6 3.2665 12 3.99984 12H13.3332V14.6667Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.3335 8H10.6668' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.3335 5.33334H10.6668' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    height: 1rem;
    width: 1rem;
}

.card-icon {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.6668 6.66668H1.3335V4.33334C1.3335 3.78001 1.78016 3.33334 2.3335 3.33334H13.6668C14.2202 3.33334 14.6668 3.78001 14.6668 4.33334V6.66668Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6668 12.6667H2.3335C1.78016 12.6667 1.3335 12.22 1.3335 11.6667V6.66666H14.6668V11.6667C14.6668 12.22 14.2202 12.6667 13.6668 12.6667Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6668 6H1.3335V6.66667H14.6668V6Z' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    height: 1.25rem;
    width: 1.25rem;
}

/* Discord */

.discord-button {
    border: 1px solid #ffffff50;
}

.servers-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 2rem 2rem;
    grid-template-areas:
        ". . . . .";
}

.partners-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1.5rem 1.5rem;
    grid-template-areas:
        ". . .";
}

.homepage-server-icons {
    width: 70px;
    height: 70px;
}

.white-stroke {
    border: 1px solid #ffffff50;
}

.purple-stroke {
    border: 1px solid #A36EF7;
}

/* Header */

.hamburger-menu {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 700'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2' data-name='Layer_1'%3E%3Cpath class='cls-1' d='M0,50C0,22.39,22.39,0,50,0h900c27.61,0,50,22.39,50,50s-22.39,50-50,50H50C22.39,100,0,77.61,0,50ZM0,350c0-27.61,22.39-50,50-50h900c27.61,0,50,22.39,50,50s-22.39,50-50,50H50c-27.61,0-50-22.39-50-50ZM0,650c0-27.61,22.39-50,50-50h900c27.61,0,50,22.39,50,50s-22.39,50-50,50H50c-27.61,0-50-22.39-50-50Z'/%3E%3C/g%3E%3C/svg%3E");
    width: 30px;
    height: 20px;
}

.language-dropdown ::after {
    display: none !important;
}

.language-dropdown-menu {
    background-color: var(--color-dark-blue2);
    min-width: auto !important;
    transform: translate(-16px, 22px) !important;
}

.language-dropdown-offcanvas {
    background-color: var(--color-dark-blue2);
    min-width: auto !important;
    transform: translate3d(-1px, 22px, 0px) !important;
}

.language-dropdown {
    z-index: 1030 !important;
}

/* Offcanvas */

.offcanvas {
    width: 100% !important;
    background-image: url('/uploads/intro-bg-2.jpg');
    background-size: cover;
}

.btn-close {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3E%3C/svg%3E");
    opacity: 100 !important;
    filter: none !important;
}

/* Home */

.hero-screen {
    background-image: url('/uploads/home-screen.webp');
}

.intro-bg {
    background-image: url('/uploads/intro-bg-1.jpg');
}

.intro-2-bg {
    background-image: url('/uploads/intro-bg-2.jpg');
}

.gray-box-stroke {
    border: 1px solid #4e4e6433;
}

.home-form-field::placeholder {
    color: var(--color-white);
}

.green-dot {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='5' viewBox='0 0 5 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='2.5' cy='2.5' r='2.5' fill='%238BFF8F'/%3E%3C/svg%3E%0A");
    height: 4px;
    width: 4px;
}

.discord-bot-ill {
    animation: discordbot 4.5s ease-in-out infinite;
}

@keyframes discordbot {
    0% {
        transform: translate(0px, 0px)
    }

    50% {
        transform: translate(10px, 10px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

/* Premium */

.premium-screen {
    background-image: url('/uploads/premium.jpg');
}

.premium-grid {
    display: grid;
    /*
    grid-template-columns: 1fr 1fr 1fr;
    */
    grid-template-columns 1fr 1fr;
    justify-content: center;
    grid-template-rows: 1fr;
    gap: 1.5rem 1.5rem;
    grid-template-areas:
        ". . .";
}

.glow-background {
    background-image: url('/uploads/Glow.png');
    transition: all 0.3s;
}

.glow-background a {
    transition: all 0.3s;
}

.glow-background:hover {
    transform: scale(1.1);
}

.glow-background:hover a {
    background: #ffffff15;
}

/* Partner */

.partner-screen {
    background-image: url('/uploads/partner.jpg');
}

.partner-box {
    transition: all 0.3s;
}

.partner-box:hover {
    background-color: #0e0e10;
}

/* FAQ */

.faq-screen {
    background-image: url('/uploads/FAQ.jpg');
}

#accordionFAQ {
    background-color: transparent !important;
}

#accordionFAQ .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 5L8 11L14 5'/%3E%3C/svg%3E") !important;
}

#accordionFAQ .accordion-button {
    background-color: transparent !important;
    padding: 0 !important;
}

#accordionFAQ .accordion-button:not(.collapsed) {
    box-shadow: none !important;
    color: var(--color-white) !important;
    background-color: transparent !important;
}

#accordionFAQ .accordion-item {
    border-bottom: 1px solid var(--color-white9);
}

/* Content Box Overlay */

.content-box-overlay {
    background-color: rgba(0, 0, 0, .5);
    border-radius: .5rem;
    padding: 2rem 1.5rem;
}

.content-box-overlay > ol ul {
    padding: .5rem 0 .75rem 0;
    margin: 0 0 0 1.5rem;
}

.content-box-overlay a {
    color: var(--bs-body-color);
}

/* Footer */
footer > div.public-footer {
    box-shadow: -1px -2px 36px 6px rgba(0, 0, 0, 0.55);
    -webkit-box-shadow: -1px -2px 36px 6px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: -1px -2px 36px 6px rgba(0, 0, 0, 0.55);
}

.footer-logo {
    max-height: 30px;
}

.footer-smoke {
    background-image: url('/uploads/footer-smoke.jpg');
}

.footer-frame {
    background-image: url('/uploads/Footer-section_v2.webp');
    background-repeat: no-repeat;
    background-color: #000;
    border-top: 1px solid var(--color-white9);
}

.footer-icon-1 {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_930)'%3E%3Cpath d='M4.44557 11.9565C4.44557 12.872 3.70631 13.6118 2.79163 13.6118C1.87696 13.6118 1.1377 12.872 1.1377 11.9565C1.1377 11.0411 1.87696 10.3013 2.79163 10.3013H4.44557V11.9565ZM5.27253 11.9565C5.27253 11.0411 6.0118 10.3013 6.92647 10.3013C7.84115 10.3013 8.58041 11.0411 8.58041 11.9565V16.0946C8.58041 17.01 7.84115 17.75 6.92647 17.75C6.0118 17.75 5.27253 17.01 5.27253 16.0946V11.9565Z' fill='%23919191'/%3E%3Cpath d='M6.92631 5.31002C6.01164 5.31002 5.27237 4.57018 5.27237 3.65476C5.27237 2.73936 6.01164 1.99951 6.92631 1.99951C7.84099 1.99951 8.58025 2.73936 8.58025 3.65476V5.31002H6.92631ZM6.92631 6.15019C7.84099 6.15019 8.58025 6.89004 8.58025 7.80544C8.58025 8.72085 7.84099 9.4607 6.92631 9.4607H2.77894C1.86426 9.4607 1.125 8.72085 1.125 7.80544C1.125 6.89004 1.86426 6.15019 2.77894 6.15019H6.92631Z' fill='%23919191'/%3E%3Cpath d='M13.5547 7.80544C13.5547 6.89004 14.294 6.15019 15.2087 6.15019C16.1233 6.15019 16.8627 6.89004 16.8627 7.80544C16.8627 8.72085 16.1233 9.4607 15.2087 9.4607H13.5547V7.80544ZM12.7277 7.80544C12.7277 8.72085 11.9885 9.4607 11.0739 9.4607C10.1592 9.4607 9.41992 8.72085 9.41992 7.80544V3.65476C9.41992 2.73936 10.1592 1.99951 11.0739 1.99951C11.9885 1.99951 12.7277 2.73936 12.7277 3.65476V7.80544Z' fill='%23919191'/%3E%3Cpath d='M11.0739 14.4394C11.9885 14.4394 12.7277 15.1792 12.7277 16.0946C12.7277 17.01 11.9885 17.75 11.0739 17.75C10.1592 17.75 9.41992 17.01 9.41992 16.0946V14.4394H11.0739ZM11.0739 13.6118C10.1592 13.6118 9.41992 12.872 9.41992 11.9565C9.41992 11.0411 10.1592 10.3013 11.0739 10.3013H15.2212C16.1359 10.3013 16.8752 11.0411 16.8752 11.9565C16.8752 12.872 16.1359 13.6118 15.2212 13.6118H11.0739Z' fill='%23919191'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_930'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 22px;
    height: 22px;
}

.footer-icon-2 {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_927)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.9518 3.08257C11.7451 2.36053 10.4289 1.99951 8.99939 1.99951C7.5711 1.99951 6.25365 2.36053 5.04645 3.08257C3.84107 3.80398 2.88523 4.78326 2.18138 6.01978C1.47631 7.25756 1.125 8.60731 1.125 10.0721C1.125 11.8307 1.62593 13.4119 2.62719 14.8169C3.62845 16.2196 4.92167 17.1944 6.50806 17.7321C6.6922 17.7673 6.82909 17.7428 6.91752 17.6585C7.00657 17.5737 7.05078 17.4699 7.05078 17.3441L7.04594 16.7749C7.04231 16.4177 7.03988 16.1063 7.03988 15.8396L6.80487 15.8812C6.65464 15.9095 6.46444 15.9214 6.23548 15.9176C6.00713 15.9145 5.76908 15.8899 5.52315 15.844C5.27905 15.7988 5.05069 15.6944 4.83868 15.5296C4.62669 15.3648 4.47646 15.149 4.38742 14.8831L4.28445 14.6403C4.21661 14.4792 4.10879 14.3006 3.9622 14.1056C3.81501 13.9081 3.66661 13.7748 3.51639 13.705L3.4437 13.6528C3.39647 13.6175 3.35285 13.576 3.31045 13.527C3.26987 13.4779 3.23957 13.4289 3.21959 13.3798C3.19899 13.3294 3.21535 13.2898 3.26987 13.2584C3.32437 13.2257 3.42371 13.2112 3.56667 13.2112L3.77261 13.2427C3.9083 13.2704 4.0779 13.3546 4.2796 13.4942C4.48131 13.6352 4.64727 13.8169 4.7763 14.0414C4.93379 14.3283 5.12337 14.5471 5.34567 14.6981C5.56797 14.8491 5.7921 14.9245 6.01803 14.9245C6.24214 14.9245 6.43779 14.9057 6.60194 14.8717C6.76549 14.8365 6.91995 14.7836 7.06229 14.7144C7.12529 14.2439 7.29246 13.8829 7.56504 13.6307C7.17617 13.588 6.82606 13.5251 6.51533 13.4408C6.20398 13.3571 5.88295 13.2206 5.55222 13.0307C5.21908 12.8421 4.94469 12.6081 4.72602 12.3263C4.50797 12.0483 4.32807 11.6785 4.18875 11.2256C4.04943 10.7684 3.97856 10.2445 3.97856 9.64822C3.97856 8.80102 4.2475 8.07898 4.78781 7.48273C4.53462 6.84497 4.55763 6.13048 4.86049 5.338C5.05735 5.2751 5.35113 5.32227 5.74121 5.47951C6.13069 5.63675 6.41538 5.77198 6.59649 5.8833C6.7782 5.99652 6.92359 6.09086 7.03261 6.16759C7.66681 5.98897 8.3222 5.89903 8.99939 5.89903C9.6766 5.89903 10.332 5.99023 10.968 6.172L11.3574 5.91915C11.624 5.75122 11.9389 5.59839 12.3012 5.45688C12.6646 5.31724 12.942 5.27888 13.1335 5.34178C13.4406 6.13425 13.4684 6.84812 13.2153 7.4865C13.7544 8.0815 14.0245 8.80354 14.0245 9.65136C14.0245 10.2464 13.9542 10.7741 13.8143 11.2332C13.6749 11.6923 13.4933 12.0621 13.2704 12.3383C13.0487 12.6149 12.7725 12.8477 12.4405 13.0376C12.1092 13.2264 11.7863 13.3628 11.4774 13.4464C11.1661 13.5308 10.8172 13.5937 10.4259 13.6352C10.7814 13.9496 10.9589 14.4466 10.9589 15.1276V17.346C10.9589 17.4718 11.0013 17.5762 11.0873 17.6605C11.1721 17.7442 11.3071 17.7692 11.492 17.734C13.0789 17.1931 14.3715 16.222 15.3728 14.8157C16.374 13.4131 16.875 11.8301 16.875 10.0721C16.875 8.60793 16.5224 7.25756 15.8186 6.02041C15.1142 4.78389 14.1589 3.80461 12.9536 3.08319L12.9518 3.08257Z' fill='%23919191'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_927'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 22px;
    height: 22px;
}

.footer-icon-3 {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='19' viewBox='0 0 18 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3_924)'%3E%3Cpath d='M18 4.72295C17.3794 4.99361 16.7128 5.1765 16.0119 5.25917C16.7269 4.8378 17.2754 4.16916 17.534 3.37324C16.8651 3.76388 16.1242 4.04772 15.3357 4.19989C14.704 3.53857 13.8047 3.12451 12.8088 3.12451C10.8973 3.12451 9.34697 4.65052 9.34697 6.53352C9.34697 6.79981 9.37819 7.05877 9.43615 7.30897C6.55776 7.16631 4.00786 5.80929 2.3 3.74778C2.00271 4.25256 1.83178 4.8378 1.83178 5.46107C1.83178 6.64325 2.44343 7.68717 3.37168 8.29802C2.80388 8.27973 2.27026 8.12684 1.80353 7.87153V7.91543C1.80353 9.56652 2.99637 10.944 4.58086 11.2571C4.28952 11.3347 3.98408 11.3756 3.66896 11.3756C3.446 11.3756 3.22824 11.3552 3.01717 11.3157C3.45789 12.6691 4.73618 13.6551 6.25157 13.6814C5.06617 14.596 3.57309 15.1409 1.95144 15.1409C1.672 15.1409 1.39627 15.1248 1.125 15.0934C2.65747 16.0613 4.47681 16.6246 6.43141 16.6246C12.8006 16.6246 16.2825 11.432 16.2825 6.92856C16.2825 6.78225 16.2787 6.63448 16.2721 6.48817C16.9483 6.00681 17.5355 5.40767 17.9985 4.72514L18 4.72295Z' fill='%23919191'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3_924'%3E%3Crect width='18' height='18' fill='white' transform='translate(0 0.875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    width: 22px;
    height: 22px;
}

@media only screen and (max-width: 1500px) and (min-width: 1400px) {
}

@media (max-width: 1600px) {
}

@media (max-width: 1399px) {

    .partners-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem 1.5rem;
        grid-template-areas: ". .";
    }

    .image-hover:hover .image-scale {
        transform: scale(1);
    }

    #v-pills-home {
        min-width: auto;
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .partners-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem 1.5rem;
        grid-template-areas: ".";
    }

    .premium-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem 1.5rem;
        grid-template-areas: ".";
    }
}

@media (max-width: 768px) {
}

@media (max-width: 576px) {
    .servers-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 2rem 2rem;
        grid-template-areas: ".";
    }

    .bb-grid-pagination-text {
        display: none !important;
    }

    .tab-content .lt-grid .form-select {
        display: none !important;
    }
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Disable Bootstrap Focus */
h1:focus {
    outline: none !important;
}