.footer {
background: #1e293b;
color: #e5e7eb;
padding: 50px 0 20px;
font-size: 15px;
}

.footer a {
color: #cbd5f5;
text-decoration: none;
transition: 0.2s;
}

.footer a:hover {
color: #f97316;
}

.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}

.footer-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 40px;
margin-bottom: 40px;
}

.footer-col h3 {
font-size: 18px;
margin-bottom: 15px;
color: #ffffff;
}

.footer-col ul {
list-style: none;
padding: 0;
margin: 0;
}

.footer-col ul li {
margin-bottom: 8px;
}

.footer-about {
border-top: 1px solid rgba(255,255,255,0.1);
padding-top: 25px;
margin-top: 20px;
font-size: 14px;
line-height: 1.6;
color: #cbd5e1;
}

.footer-about strong {
color: #ffffff;
}

.footer-bottom {
border-top: 1px solid rgba(255,255,255,0.1);
margin-top: 25px;
padding-top: 20px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 10px;
font-size: 14px;
}

.footer-links a {
margin-left: 20px;
}

.footer-links a:first-child {
margin-left: 0;
}

@media (max-width: 768px) {

.footer {
padding: 40px 0 15px;
}

.footer-grid {
gap: 30px;
}

.footer-bottom {
flex-direction: column;
align-items: flex-start;
}

.footer-links a {
margin-left: 0;
margin-right: 15px;
}

}