.footer {
    background-color: rgba(255, 255, 255, 0.1);
}

.footer-top {
    gap: 20px;
    padding: 60px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom {
    padding: 33px 0;
}

.footer-top-column {
    gap: 16px;
    width: 72%;
}

.footer-top-second,
.footer-top-third,
.footer-top-fourth,
.footer-top-fifth {
    margin-top: 12px;
}

.footer-title,
.footer-menu-element,
.footer-link-bottom {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.footer-column {
    gap: 16px;
}

.footer-top-second-columns {
    gap: 40px;
}

.footer-link-top {
    gap: 8px;
    align-items: center;
}

.footer-link-top span,
.footer-link-top svg,
.footer-link-top path {
    transition: all 0.3s;
}

.footer-link-top:hover span {
    color: rgba(100, 51, 221, 1) !important;
}

.footer-link-top:hover svg {
    transform: rotate(-45deg);
}

.footer-link-top:hover svg path {
    opacity: 1;
}

.footer-top-fourth-text p {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-top-fourth-text p br {
    display: none;
}

.footer-top-fifth {
    gap: 40px;
}

.footer-link-bottom {
    text-decoration: underline;
    text-decoration-thickness: 6.82% !important;
    text-underline-offset: 19.3%;
    text-decoration-skip-ink: auto;
}


@media(max-width: 1240px) {

    .footer-title,
    .footer-menu-element,
    .footer-link-bottom {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-top {
        padding: 40px 0;
    }

    .footer-bottom {
        padding: 20px 0;
    }
}

@media(max-width: 1000px) {

    .footer-title,
    .footer-menu-element,
    .footer-link-bottom {
        font-size: 14px;
        line-height: 18px;
    }
}

@media(max-width: 768px) {

    .footer-title,
    .footer-menu-element,
    .footer-link-bottom {
        font-size: 16px;
        line-height: 20px;
    }

    .footer .wrapper {
        align-items: center;
    }

    .mobile-footer-logo {
        padding: 40px 0;
    }

    .footer-top-second-columns {
        flex-direction: column;
        gap: 16px;
    }

    .footer-top {
        width: 100%;
        padding: 40px 0 35px 0;
        flex-direction: column;
        gap: 40px;
    }

    .footer-title {
        margin-bottom: 4px;
    }

    .footer-top-third .footer-title.mobile {
        margin-top: 16px;
    }

    .footer-top-fifth {
        width: 100%;
        padding: 32px 0;
        gap: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer-top-column {
        width: 100%;
    }
    .footer-column{
        width: 50%;
    }
    .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
        width: 100%;
    }

    .footer-top-second,
    .footer-top-third,
    .footer-top-fourth,
    .footer-top-fifth {
        margin-top: 0;
    }
}