:root{--primary-color:#343444;--primary-color2:#d6d6d6;--primary-color3:#f20000af;--primary-color4:#0e0e12;--primary-color5:#020203f9;--primary-color6:#3d0404c4;--primary-color7:#65657a;--primary-color8:#ffffff8c;--primary-color9:#ffffff45;--primary-color10:#661313;--primary-color11:#131317;--primary-color12:#000000;--primary-color13:#690000;--primary-color14:#b014143f;--primary-color15:#570606b2;--primary-color16:#515151;--primary-color17:#e30707a5;--primary-color18:#e63030}



















/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */
#logo_header {
    animation: floatLogo 6s ease-in-out infinite,
               glowLogo 6s ease-in-out infinite;
}

@keyframes floatLogo {
    0%, 100% {
        transform: translateY(0) scale(1.4);
    }
    50% {
        transform: translateY(-4px) scale(1.4);
    }
}

@keyframes glowLogo {
    0%, 100% {
        filter: drop-shadow(0 0 8px rgba(140, 0, 20, 0.15));
    }
    50% {
        filter: drop-shadow(0 0 16px rgba(140, 0, 20, 0.35));
    }

}
.flat-title-page.home_background.home_cover {
    position: relative;
    overflow: hidden;
}

.flat-title-page.home_background.home_cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 40%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 0, 0, 0.08),
        transparent
    );
    animation: scanLine 8s linear infinite;
    pointer-events: none;
}

@keyframes scanLine {
    from {
        left: -40%;
    }
    to {
        left: 140%;
    }
}
.overlay {
    animation: redPulse 8s ease-in-out infinite;
}

@keyframes redPulse {
    0%,100% {
        opacity: 0.4;
    }
    50% {
        opacity: 0.7;
    }
}
h1, h2, h3, h4, h5 {
    font-family: "Futura Maxi Book", "Futura", sans-serif;
}

.sc-card-category,
.side-bar,
.btn {
    font-family: Rajdhani, sans-serif;
}

p,
span,
li {
    font-family: Arial, sans-serif;
}
.container-icon-header {
    transition: all .25s ease;
}

.container-icon-header:hover {
    transform: translateY(-3px);
}

.icon-header.discord {
    border: 1px solid rgba(180,0,20,.4);
    box-shadow: 0 0 15px rgba(180,0,20,.15);
}

.icon-header.discord i {
    color: #b00014;
}

a[href="/product/vip"] .card-title::after {
    content: "🪙 50,000 Points each payday\A \A ✈️ 50,000 Wipe start points\A \A 👑 VIP role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 10px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
a[href="/product/vip-plus"] .card-title::after {
    content: "🪙 100,000 Points each payday\A \A ✈️ 100,000 Wipe start points\A \A 👑 VIP Plus role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 10px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
a[href="/product/vip-ultra"] .card-title::after {
    content: "🪙 200,000 Points each payday\A \A ✈️ 200,000 Wipe start points\A \A 👑 VIP Ultra role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 10px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
a[href="/product/mvp"] .card-title::after {
    content: "💎 500,000 Points each payday\A \A 🚀 500,000 Wipe start points\A \A 👑 MVP role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 5px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
a[href="/product/mvp-plus"] .card-title::after {
    content: "💎 1,000,000 Points each payday\A \A 🚀 1,000,000 Wipe start points\A \A 👑 MVP Plus role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 10px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
a[href="/product/mvp-ultra"] .card-title::after {
    content: "💎 1,500,000 Points each payday\A \A 🚀 1,500,000 Wipe start points\A \A 👑 MVP Ultra role on Discord\A \A 🔓 Donator-only chat access";
    display: block;
    font-size: 16px;
    color: #ddd;
    margin-top: 16px;
    text-align: center;

    white-space: pre-line;

    background: rgba(46, 46, 61, 0.8);
    padding: 8px 10px;
    border-radius: 6px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 992px) {
    .col-md-6:has(.sc-card-product) {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .col-md-6:has(.sc-card-product) {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .col-md-6:has(.sc-card-product) {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.card-media {
    overflow: hidden;
}

.card-media img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    transform: scale(0.9);
}
.sc-card-product {
    padding: 14px;
    border-radius: 10px;
}

.card-title h5 {
    font-size: 20px;
}
.private-servers .col-md-6:has(.sc-card-product) {
    flex: 0 0 50%;
    max-width: 50%;
}
/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */