.section-wrap {
    max-width: 1280px !important;
}

.footer-main-section-wrapper {
    background: #fff;
    padding-top: 60px;
}

.footer-main-section-wrapper .footer-main {
    border-top: 2px solid #efefef;
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: -15px;
    padding: 30px 0;
}

/* Each column */
.footer-main > div {
    flex: 1 1 calc(25% - 15px);
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 30px 0;
}

/* Logo & Social */
.footer-main .logo-area img {
    width: 150px;
    height: 68px;
}

.footer-main .logo-social-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-main .social-area {
    display: flex;
    gap: 10px;
    padding-left: 35px;
}

.footer-main .social-area svg {
    width: 20px;
    height: 20px;
    fill: #555;
    transition: fill 0.3s ease;
}

.footer-main .social-area svg:hover {
    fill: #000;
}

/* Titles */
.footer-main .footer-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #222;
    font-family: Hanken, sans-serif;
    text-transform: capitalize;
    text-align: left;
}

/* Menu Links */
.footer-main .menu-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-main .menu-items li {
    margin-bottom: 6px;
    text-align: left;
}

.footer-main .menu-items a {
    color: #555;
    text-decoration: none;
    transition: color 0.3s ease;
    font-family: Hanken, sans-serif;
}

.footer-main .menu-items a:hover {
    color: #000;
}

/* Newsletter */
.footer-main .newsletter-section .description {
    font-size: 14px;
    color: #777;
    margin-top: 8px;
    text-align: left;
}

.footer-main .newsletter-section .signup-button .btn {
    width: 100%;
    color: #fff;
}

.footer-text-area {
    padding-top: 25px !important;
    padding-bottom: 3px !important;
    text-align: right;
}

/* ---------- Responsive ---------- */

/* Tablet: two columns */
@media (max-width: 1024px) {
    .footer-main > div {
        flex: 1 1 calc(50% - 15px);
    }
}

/* Mobile: stack logo + newsletter, but keep Business + Company side by side */
@media (max-width: 600px) {
    .footer-main {
        text-align: center;
    }

    .footer-main .social-area {
        justify-content: center;
        padding-left: 0;
    }

    /* Stack logo-social and newsletter full width */
    .footer-main .logo-social-section,
    .footer-main .newsletter-section {
        flex: 1 1 100%;
    }

    /* Keep Company and Business side by side */
    .footer-main .menu-one-section,
    .footer-main .menu-two-section {
        flex: 1 1 calc(50% - 15px);
    }
}