.footer {
    margin-top: auto;

    display: flex;
    flex-direction: column;
    /* height: 240px; */

    margin-top: 140px;
}

.footer .content {
    display: grid;
    grid-template-columns: max-content 1fr repeat(2, max-content);
}

.footer .logo {
    width: 160px;
    flex-shrink: 0;
}

.footer .logo img {
    width: 100%;
}

.footer hr {
    border: 0;
    border-top: 1px solid #D7D7D7;
}

.footer .top {
    margin-bottom: 60px;
}

.footer .bottom {
    margin-top: 48px;
}

.footer .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 77px;
}

.footer .menu {
    color: var(--black-fonts-headings, #2D2E2E);
    font-size: 16px;
    font-weight: 400;

    display: flex;
    gap: 70px;
    line-height: 20px;
}

.footer .menu a, .footer .additional-content a, .footer .phone_numbers a {
    transition: all 150ms ease-in-out;
}

.footer .menu a:hover, .footer .additional-content a:hover, .footer .phone_numbers a:hover {
    color: #1c9ed4;
}

.footer .social_media {
    display: flex;
    gap: 10px;
}

.footer .social_media .icon {
    all: unset;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    aspect-ratio: 1/1;
    border-radius: 100%;
    background: var(--1, linear-gradient(155deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 38.36%, rgba(255, 255, 255, 0.28) 38.37%, rgba(255, 255, 255, 0.00) 80.52%), #0050EC);
    cursor: pointer;
}

.footer .social_media .icon:hover {
    background: linear-gradient(102deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.20) 21.5%, rgba(255, 255, 255, 0.28) 21.51%, rgba(255, 255, 255, 0.00) 45.14%), radial-gradient(145.35% 141.42% at 0% 0%, #0D81EC 0%, #20A5CF 100%);
}

.footer .social_media .icon img {
    width: 16px;
    height: auto;
}

.footer .content-wrapper
{
    display: flex;
    flex-direction: column;
}
.footer .additional-content {
    display: flex;
    gap: 32px;
    justify-content: center;
}
.footer .creatory
{
    display: flex;
    flex-direction: row;
    align-self: center;
    justify-content: center;
    align-items: center;
    font-size: 6px;
    opacity: .3;
    margin-top: 15px;
    gap: 10px;
}
.footer .creatory img
{
    width: 20px;
}

.phone_numbers {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}