body .usm-container {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
padding: 20px !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
body .usm-item {
background-color: #ffffff !important;
border: 1px solid #e0e0e0 !important;
border-radius: 8px !important;
padding: 20px !important;
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
transition: all 0.3s ease !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body .usm-item:hover {
transform: translateY(-5px) !important;
box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;
}
body .usm-item a {
color: #333333 !important;
text-decoration: none !important;
font-weight: bold !important;
font-size: 18px !important;
text-align: center !important;
}
@media (max-width: 768px) {
body .usm-container {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 480px) {
body .usm-container {
grid-template-columns: 1fr !important;
}
}