.nexsouk-stats-container {
width: 100%;
margin: 0 auto;
padding: 30px 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nexsouk-stats-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 20px;
width: 100%;
max-width: 100%;
clear: both;
} .nexsouk-stat-item {
background: #2d3e50;
border: 2px solid #34495e;
border-radius: 8px;
padding: 30px 20px;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.nexsouk-stat-item:hover {
transform: translateY(-5px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #007bff;
} .nexsouk-stat-value {
font-size: 2.5em;
font-weight: 700;
color: #5dade2;
margin: 0 0 10px 0;
line-height: 1.2;
width: 100%;
} .nexsouk-stat-label {
font-size: 0.95em;
color: #95a5a6;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.5px;
width: 100%;
margin: 0;
} .nexsouk-stats-footer {
text-align: center;
padding-top: 15px;
border-top: 1px solid #34495e;
clear: both;
width: 100%;
display: block;
}
.nexsouk-stats-footer small {
color: #000000 !important;
font-size: 0.85em;
} .nexsouk-stats-list .nexsouk-stats-grid {
grid-template-columns: 1fr;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.nexsouk-stats-list .nexsouk-stat-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 30px;
}
.nexsouk-stats-list .nexsouk-stat-label {
text-align: left;
flex: 1;
}
.nexsouk-stats-list .nexsouk-stat-value {
margin-bottom: 0;
font-size: 2em;
} @media (max-width: 768px) {
.nexsouk-stats-grid {
grid-template-columns: repeat(2, 1fr);
gap: 15px;
}
.nexsouk-stat-item {
padding: 20px 15px;
}
.nexsouk-stat-value {
font-size: 2em;
}
.nexsouk-stat-label {
font-size: 0.85em;
}
}
@media (max-width: 480px) {
.nexsouk-stats-grid {
grid-template-columns: 1fr;
}
.nexsouk-stat-item {
padding: 25px 20px;
}
.nexsouk-stats-list .nexsouk-stat-item {
flex-direction: column;
gap: 10px;
}
.nexsouk-stats-list .nexsouk-stat-label {
text-align: center;
}
} @media (prefers-color-scheme: dark) {
.nexsouk-stat-item {
background: #2d3748;
border-color: #4a5568;
}
.nexsouk-stat-value {
color: #63b3ed;
}
.nexsouk-stat-label {
color: #a0aec0;
}
.nexsouk-stats-footer {
border-color: #4a5568;
}
.nexsouk-stats-footer small {
color: #cbd5e0;
}
} @media print {
.nexsouk-stat-item {
break-inside: avoid;
}
.nexsouk-stat-item:hover {
transform: none;
box-shadow: none;
}
}