.footer-top {
   font-size: 0.9rem;
   background-color: #f8f9fa;
   border-top: 1px solid #ddd;
   padding: 12px 0;
}

.footer-middle {
   padding: 30px 0;
   background-color: white;
}

.footer-logo {
   font-weight: bold;
   font-size: 1.4rem;
}

.footer-info small {
   display: block;
   margin-bottom: 4px;
   color: #555;
}

.footer-social i {
   font-size: 24px;
   color: #aaa;
   margin-right: 12px;
   transition: color 0.2s;
}

.footer-social i:hover {
   color: #000;
}

.footer-bottom {
   font-size: 0.75rem;
   color: #666;
   padding-bottom: 20px;
}

.footer-right {
   text-align: right;
}

.footer-right h5 {
   font-weight: bold;
   color: #000;
}

.footer-right small {
   color: #777;
}

@media (max-width: 768px) {
   .footer-right {
       text-align: left;
       margin-top: 20px;
   }
}