.nm-footer {
background-color: #0B0F19 !important;
color: #94A3B8 !important;
padding: 80px 0 35px 0 !important;
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
.nm-footer h3 {
color: #FFFFFF !important;
font-family: 'Kanit', sans-serif !important;
font-size: 18px !important;
margin-bottom: 24px !important;
font-weight: 700 !important;
}
.nm-footer-grid {
display: grid !important;
grid-template-columns: 1.2fr 0.8fr 1fr 1fr !important;
gap: 40px !important;
margin-bottom: 50px !important;
}
.nm-footer-col ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.nm-footer-col ul li {
margin-bottom: 12px !important;
}
.nm-footer-col ul li a {
color: #94A3B8 !important;
text-decoration: none !important;
transition: color 0.2s ease-in-out !important;
}
.nm-footer-col ul li a:hover {
color: #F472B6 !important;
}
.nm-footer-contact {
margin-top: 15px !important;
}
.nm-footer-contact p {
margin-bottom: 10px !important;
color: #CBD5E1 !important;
}
.nm-footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
padding-top: 30px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
color: #64748B !important;
}
.nm-footer-links {
display: flex !important;
gap: 20px !important;
}
.nm-footer-links a {
color: #64748B !important;
text-decoration: none !important;
}
.nm-footer-links a:hover {
color: #F472B6 !important;
}
@media (max-width: 768px) {
.nm-footer-grid {
grid-template-columns: 1fr !important;
gap: 30px !important;
}
.nm-footer-bottom {
flex-direction: column !important;
gap: 15px !important;
text-align: center !important;
}
}