.footer-wave {
    position: relative;
    width: 100%;
    height: 100px;
    overflow: hidden;
    line-height: 0;
}

.footer-wave svg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--primary);
}

.footer-wave-fill {
    fill: var(--white-color);
}

@media (max-width: 768px) {
    .footer-wave {
        height: 60px;
    }
}

@media (max-width: 576px) {
    .footer-wave {
        height: 40px;
    }
}

.footer-container {
    background-color: var(--primary);
    padding: 10px 70px 100px 70px;
}

.footer-container > img {
    width: 90px;
    height: 37px;
}

.footer-subcontainer {
    max-width: 1400px;
}

.footer i {
    font-size: 20px;
}

.footer p {
    text-align: start !important;
}

@media (max-width: 992px) {
    .footer p {
        text-align: center !important;
    }

    .footer-row-container {
        gap: 40px;
    }
}

@media (max-width: 576px) {
    .footer-container {
        padding: 30px 40px;
    }
}

@media (min-width: 992px) {
    .footer-row {
        padding: 0 40px;
    }
}