.footer {
    background-color: #222;
    padding: 40px 0;
    color: #fff;
}

.footer-main {
    padding-left: clamp(1.25rem, 4vw, 3rem);
    padding-right: clamp(1.25rem, 4vw, 3rem);
}

.footer h4 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
}

.footer h2,
.footer p {
    color: #fff;
}

.footer ul {
    list-style: none;
    padding: 0;
    color: #fff;
}

.footer ul li {
    margin-bottom: 10px;
    color: #fff;
}

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

.footer a:hover {
    text-decoration: underline;
}

.footer form {
    display: flex;
    gap: 10px;
    max-width: 360px;
}

.footer input[type="email"] {
    min-width: 0;
    padding: 10px;
    border: none;
    border-radius: 5px;
    flex: 1 1 auto;
    margin-bottom: 10px;
}

.footer button[type="submit"] {
    padding: 10px 20px;
    background-color: #ff7525;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.footer .social-icons {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.footer .social-icons a {
    font-size: 24px;
    color: #fff;
}

@media (max-width: 768px) {
    .footer {
        padding: 32px 0;
        text-align: center;
    }

    .footer form {
        margin-left: auto;
        margin-right: auto;
    }
}

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

    .footer button[type="submit"] {
        width: 100%;
    }
}

@font-face {
    font-family: 'PP Hatton medium';
    src: url('../fonts/PP Hatton Medium 500.otf') format('opentype');
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('../fonts/Poppins-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PP Hatton bold';
    src: url('../fonts/PP Hatton Bold 700.otf') format('opentype');
}