body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
    background-color: #1a1a2e; /* Default background for entire page */
    color: #e0e0e0; /* Default text color */
}

/* Ensure buttons do not have underlines */
button {
    text-decoration: none !important;
}

/* Custom styles for the chat scrollbar */
#chat-messages::-webkit-scrollbar {
    width: 8px;
}

#chat-messages::-webkit-scrollbar-track {
    background: #0f3460;
    border-radius: 10px;
}

#chat-messages::-webkit-scrollbar-thumb {
    background-color: #533483;
    border-radius: 10px;
    border: 2px solid #0f3460;
}

#chat-messages::-webkit-scrollbar-thumb:hover {
    background-color: #e94560;
}

/* Custom styles for the leaderboard scrollbar */
.overflow-x-auto::-webkit-scrollbar {
    height: 8px;
}

.overflow-x-auto::-webkit-scrollbar-track {
    background: #0f3460;
    border-radius: 10px;
}

.overflow-x-auto::-webkit-scrollbar-thumb {
    background-color: #533483;
    border-radius: 10px;
    border: 2px solid #0f3460;
}

.overflow-x-auto::-webkit-scrollbar-thumb:hover {
    background-color: #e94560;
}

/* General container for consistent padding */
.container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

/* Game Card Equal Height */
.game-card {
    display: flex;
    flex-direction: column;
}

.game-card .p-6 {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.game-card .p-6 p {
    flex-grow: 1;
}
/* Parent container styling */
.trustPillarUnit {
    padding-top: 2.5em; /* Top padding for the unit */
    padding-bottom: 2.5em; /* Bottom padding for the unit */
    padding-left: 1.5em; /* Side padding for the unit */
    padding-right: 1.5em; /* Side padding for the unit */
    max-width: 960px; /* Limit content width for better readability on large screens */
    margin-left: auto; /* Center the unit horizontally */
    margin-right: auto; /* Center the unit horizontally */
}

/* Heading 1 styles */
.trustPillarUnit h1 {
    font-size: 2em; /* Moderate font size for H1 */
    line-height: 1.2; /* Line height for readability */
    margin-top: 1.5em; /* Top margin */
    margin-bottom: 0.8em; /* Bottom margin */
    font-weight: 700; /* Bold font weight */
}

/* Heading 2 styles */
.trustPillarUnit h2 {
    font-size: 1.7em; /* Moderate font size for H2 */
    line-height: 1.3; /* Line height for readability */
    margin-top: 1.4em; /* Top margin */
    margin-bottom: 0.7em; /* Bottom margin */
    font-weight: 600; /* Semi-bold font weight */
}

/* Heading 3 styles */
.trustPillarUnit h3 {
    font-size: 1.4em; /* Moderate font size for H3 */
    line-height: 1.4; /* Line height for readability */
    margin-top: 1.3em; /* Top margin */
    margin-bottom: 0.6em; /* Bottom margin */
    font-weight: 600; /* Semi-bold font weight */
}

/* Heading 4 styles */
.trustPillarUnit h4 {
    font-size: 1.2em; /* Moderate font size for H4 */
    line-height: 1.5; /* Line height for readability */
    margin-top: 1.2em; /* Top margin */
    margin-bottom: 0.5em; /* Bottom margin */
    font-weight: 500; /* Medium font weight */
}

/* Heading 5 styles */
.trustPillarUnit h5 {
    font-size: 1.1em; /* Moderate font size for H5 */
    line-height: 1.5; /* Line height for readability */
    margin-top: 1.1em; /* Top margin */
    margin-bottom: 0.4em; /* Bottom margin */
    font-weight: 500; /* Medium font weight */
}

/* Paragraph styles */
.trustPillarUnit p {
    font-size: 1em; /* Base font size for paragraphs */
    line-height: 1.6; /* Improved line height for readability */
    margin-top: 0; /* Reset default browser top margin */
    margin-bottom: 1em; /* Space between paragraphs */
}

/* Unordered list styles */
.trustPillarUnit ul {
    margin-top: 1em; /* Top margin for the list */
    margin-bottom: 1em; /* Bottom margin for the list */
    padding-left: 1.5em; /* Indent for bullet points */
    list-style-type: disc; /* Default bullet style */
}

/* List item styles */
.trustPillarUnit li {
    font-size: 1em; /* Base font size for list items */
    line-height: 1.6; /* Line height for readability */
    margin-bottom: 0.5em; /* Space between list items */
}
#age-verification-overlay {
  display: none; /* спочатку завжди прихований */
}

#age-verification-overlay.active {
  display: flex; /* або block, залежно від стилю */
}
@media screen and (width < 355px) {
    .button-wrap {
        flex-direction: column;
    }
}