.footer {
            background-color: var(--maincolor);
            color: white;
            padding: 60px 0 30px;
        }

        .footer h5 {
            margin-bottom: 1.5rem;
            position: relative;
            padding-bottom: 0.5rem;
        }

        .footer h5::after {
            content: '';
            position: absolute;
            bottom: 0;
            right: 0;
            width: 40px;
            height: 2px;
            background-color: var(--thirdcolor);
        }

        .social-links a {
            display: inline-block;
            width: 40px;
            height: 40px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            text-align: center;
            line-height: 40px;
            margin-left: 10px;
            color: white;
            transition: all 0.3s ease;
        }

        .social-links a:hover {
            background-color: var(--thirdcolor);
            transform: translateY(-3px);
        }