/* Footer */
     .footer {
         background: var(--dark);
         color: white;
         padding: 30px 0 30px;
     }
     
     .footer-logo {
         font-size: 1.8rem;
         font-weight: 700;
         margin-bottom: 20px;
         display: inline-block;
         color: #fff;
         text-decoration: none;
     }

     .footer-logo:visited {
         color: #fff;
         text-decoration: none;
     }

     .footer-logo:hover,
     .footer-logo:focus {
         color: #fff;
         text-decoration: none;
     }
     
     .footer-logo i {
         color: var(--primary);
     }
     
     .footer-about {
         margin-bottom: 20px;
         opacity: 0.8;
         line-height: 1.7;
     }
     
     .footer-links h5 {
         font-size: 1.2rem;
         font-weight: 600;
         margin-bottom: 20px;
         color: white;
     }
     
     .footer-links ul {
         list-style: none;
         padding: 0;
     }
     
     .footer-links li {
         margin-bottom: 10px;
     }
     
     .footer-links a {
         color: rgba(255,255,255,0.7);
         text-decoration: none;
         transition: all 0.3s ease;
     }
     
     .footer-links a:hover {
         color: white;
         padding-left: 5px;
     }
     
     .social-links a {
         display: inline-flex;
         align-items: center;
         justify-content: center;
         width: 40px;
         height: 40px;
         border-radius: 50%;
         background: rgba(255,255,255,0.1);
         color: white;
         margin-right: 10px;
         transition: all 0.3s ease;
		 text-decoration: none;
     }
     
     .social-links a:hover {
         background: var(--primary);
         transform: translateY(-3px);
     }
     
     .footer-bottom {
         border-top: 1px solid rgba(255,255,255,0.1);
         padding-top: 10px;
         margin-top: 8px;
         text-align: center;
         opacity: 0.7;
         font-size: 0.9rem;
     }