#footer {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-gap: clamp(20px , 4vw ,40px);
}

.footer-top {
    display: flex;
    justify-content: space-between;
    gap: clamp(20px, 4vw, 100px);
    align-items: center;
}
#footer::before {
    position: absolute;
    content: '';
    right: 0;
    aspect-ratio: 10 / 5;
    width: 60%;
    max-width: 1041px;
    top: 0;
    background: no-repeat center / cover url("data:image/svg+xml,%3Csvg width='1041' height='524' viewBox='0 0 1041 524' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1077.01 115.523C909.073 8.83732 795.714 177.798 632.449 204.978C608.315 128.333 583.314 51.672 563.847 -26.4225C527.378 -20.5529 487.467 -20.7082 453.041 -36.065C479.308 33.7784 507.21 102.962 534.833 172.239C391.151 33.5001 239.393 114.267 89.6094 201.59C104.14 247.069 118.67 292.55 133.201 338.029C272.827 251.573 442.288 147.893 581.027 288.541C607.983 357.271 634.219 426.193 659.33 495.664C683.652 537.463 693.716 550.083 738.184 566.09C720.071 488.28 697.149 412.091 673.66 335.861C767.656 327.03 818.837 278.326 897.161 235.048C973.779 192.711 1044.51 194.426 1125.16 225.942C1109.3 189.049 1093.2 152.258 1077 115.52L1077.01 115.523Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M634.276 467.539C528.836 404.306 415 477.055 324.146 537.926C363.309 472.412 475.124 277.708 576.568 316.608C596.273 366.746 615.088 417.191 634.279 467.539H634.276Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M197.382 538.887C180.991 487.581 164.59 436.278 148.199 384.976C218.922 340.06 288.947 300.995 367.275 272.074C299.96 354.233 246.364 444.073 197.382 538.89V538.887Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M287.885 564.281C261.286 584.297 248.29 594.781 222.424 615.677C280.358 492.357 362.943 321.448 490.24 259.995C521.309 265.69 536.221 272.116 562.15 293.333C443.394 268.751 332.275 482.171 287.885 564.278V564.281Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M772.979 565.951C890.009 539.172 947.633 431.797 1062.02 396.78C943.617 397.107 845.541 432.211 728.166 397.094C744.566 453.043 760.278 508.963 772.982 565.951H772.979Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M1179.32 358.478C1167.45 326.004 1153.96 294.191 1140.67 262.322C1055.59 235.219 994.347 236.591 913.369 277.054C1009.53 286.952 1090.1 322.992 1179.32 358.478Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M425.124 -61.278C328.632 -160.295 244.428 -159.683 118.092 -124.229C271.829 -86.7465 380.953 -39.029 484.928 88.9121C464.759 38.949 444.506 -10.9849 425.124 -61.278Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M24.625 -1.79206C41.0192 49.5138 57.4102 100.82 73.8044 152.122C146.532 110.753 218.21 76.5484 298.317 53.3838C208.068 28.4168 116.954 12.387 24.625 -1.79529V-1.79206Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M598.531 -34.0201C706.421 -70.1019 802.45 -137.027 919.943 -124.042C795.408 -118.826 719.06 51.1057 646.439 133.691C629.459 78.1468 612.037 22.5697 598.531 -34.0201Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M1018.21 -17.5663C1032.09 14.1083 1046.14 45.7085 1060.14 77.325C991.963 17.4929 925.635 24.0776 846.637 55.7976C880.653 14.9367 960.998 -84.2646 1018.21 -17.5696V-17.5663Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M957.142 -105.019C981.67 -86.0217 990.907 -71.4964 1007.25 -43.1611C926.333 -192.429 774.551 60.2176 737.183 118.726C708.119 134.015 692.899 141.234 661.564 150.236C719.007 81.4667 838.242 -161.66 957.142 -105.019Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M1187.66 385.083C1186.73 380.633 1185.82 377.501 1183.27 369.852C1078.89 336.297 986.575 302.448 875.643 302.694C849.805 322.18 837.511 333.557 808.391 348.603C869.786 352.01 930.683 342.756 992.025 347.943C1058.24 353.541 1122.22 374.156 1187.66 385.083H1187.66Z' fill='white' fill-opacity='0.03'/%3E%3Cpath d='M0 -78.8641C6.19245 -59.4918 9.28711 -49.8072 15.4764 -30.4348C127.135 -12.6221 239.244 4.61471 345.346 46.1487C376.9 44.4434 393.162 46.9479 421.848 58.4218C297.544 -34.0556 147.507 -52.6385 0 -78.8641Z' fill='white' fill-opacity='0.03'/%3E%3C/svg%3E%0A");
}

.footer-logo {
    width: 166px;
    aspect-ratio: 10 / 15;
    background: no-repeat center / contain;
}


#footer > div {
    position: relative;
}
.footer-top a {
    color: #fff;
    font-size: clamp(16px, 2vw, 20px);
}

.footer-top ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: clamp(10px, 2vw, 20px) 10px;
    flex-wrap: wrap;
    list-style: none;
}

.footer-top ul li {
    width: 30%;
}

#footer  > div:last-child p:nth-last-child(2) a {
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 1.1em;
}

#footer ul a {
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

#footer ul li:last-child a {
    margin-bottom: 0;
}



.end_of_page * {
    color: #fff;
    margin: 0;

}

.end_of_page {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.footer-bottom {
    padding-top: clamp(20px , 4vw ,40px);
    border-top: 1px solid rgba(255,255,255,0.3);
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

#footer .social_links_container {
    justify-content: flex-start;
}

.footer-logos {
    display: flex;
    align-items: center;
    gap: clamp(20px, 3vw, 30px);
}

.footer-logos img {
    max-width: 100px;
}

@media (max-width: 1024px) {
    .end_of_page {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #footer {
        flex-wrap: wrap;
    }
    #footer > div:nth-child(n) {
        text-align: center;
    }
    #footer > div {
        flex-basis: 45%;
    }
    #footer > div:last-child {
        flex-basis: 100%;
        max-width: unset;
    }

    .footer-bottom {
        flex-direction: column;
    }

    #footer .social_links_container {
        justify-content: center;
    }

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

}

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

@media (max-width: 400px) {
    #footer > div {
        flex-basis: 100%;
    }
    .footer-top ul li {
        width: 48%;
    }

}