.footer {
    background: var(--dark-background); /* Or any other color you prefer */
    padding: 125px 20px;
    color: white;
    z-index: 99;
}
.footer-links {
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
}

.footer-section {
    flex: 1;
    padding: 0 20px; /* Adjust padding as needed */
}

.footer .nav-links {
    padding: 0 45px;
    display: none;
}

.footer .nav-links a {
    color: white;
}
 
.footer .nav-links,
.footer-section.contact {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.footer-section.cta {
    max-width: 250px;
}

.footer-section.subscribe  {
    padding: 0 50px;
}

.footer-section.subscribe input {
    padding: 10px;
    margin: 0;
    margin-right: 10px; /* Spacing between input and button */
    padding: 16px 20px;
    border-radius: 2px;
    border: 0;
    font-size: 16px;
    min-width: 300px;
}

.footer-logos {
    display: flex;
    justify-content: flex-start; /* Align logos in the center */
    align-items: center;
    padding-top: 50px; /* Space above the logos */
}

.footer-logos img {
    max-width: 200px;
    max-height: 50px;
}

.footer-logos img:first-child {
    margin-top: 15px;
}

.footer-section.contact {
    max-width: 400px;
}

.footer-section.contact  a {
    color: white;
}

.whatsapp-link {
    margin: 0 10px; /* Space between logos */
    max-width: 50px;
}

.btn {
    /* Style your buttons */
    background: #5AE98B;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-block;
}

.whatsapp-link {
    /* Additional styles for the WhatsApp link, if necessary */
}

.tel {
    margin-bottom: 10px;
    font-size: 24px;
}

@media (max-width: 1024px) {
    .footer .nav-links {
        display: none;
    }

    .footer-links {
        flex-direction: column;
        margin: 0 auto;
        max-width: 600px;
    }

    .footer-section.subscribe,
    .footer-section.cta,
    .footer-section.contact {
        padding: 0;
        margin:40px 0;
    }

    .footer-logos {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .footer {
        flex-direction: column;
    }

    .footer-section {
        padding: 10px 0; /* Adjust padding for mobile */
    }

    .footer-logos {
        justify-content: space-around; /* Adjust logos for mobile */
    }
}