.contacts-footer {
    position: relative;
    background-color: #eeeeee;
    padding: 40px calc((15 / 375) * 100vw) 50px;
}

.contacts-footer.home {
    padding-top: var(--contactsPaddingTop);
    margin-top: var(--contactsMarginTop);
}

.contacts-footer .media-wrapper {
    display: none;
}

.contacts-footer.home .media-wrapper {
    display: block;
    position: absolute;
    bottom: var(--contactsMediaBottom);
    left: 0;
    width: 100%;
}

.contacts-footer.home .media-wrapper img {
    margin: 0;
    width: 100%;
}

.contacts-footer.home .media-wrapper video {
    margin: 0;
    width: 100%;
    display: block;
}

.contacts-footer .media-wrapper .sound-icon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 25px;
    height: 25px;
}

.contacts-footer .media-wrapper .sound-icon svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: white;
    stroke-width: 1px;
    cursor: pointer;
}

.contacts-footer .contacts-wrapper .contacts-inner-wrapper h2 {
    margin: 0;
    margin-bottom: 5px;
    color: #242424;
    font-size: 36px;
    line-height: 42px;
}

.contacts-footer .contacts-wrapper .contacts-inner-wrapper .contacts-body-text {
    margin-bottom: 20px;
    font-family: Roboto, sans-serif;
    color: #242424;
    font-size: 20px;
    line-height: 26px;
}

.contacts-footer .contacts-wrapper .contacts-inner-wrapper .contacts-body-text a {
    font-weight: bold;
}

.contacts-footer .contacts-wrapper a.arrow-btn {
    min-width: 170px;
    font-family: Roboto, sans-serif;
    color: #242424;
    font-size: 18px;
    font-weight: bold;
    line-height: 48px;
}

.contacts-footer .contacts-wrapper a.arrow-btn .arrow {
    stroke: #242424;
    stroke-width: 8px;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

.contacts-footer .contacts-wrapper a.arrow-btn:hover .arrow {
    transform: translateX(5px);
}

@media(min-width:768px) {
    .contacts-footer {
        padding: 40px calc((43 / 1366) * 100vw);
    }

    .contacts-footer.home {
        padding: max(var(--contactsPaddingTop), calc((80 / 1366) * 100vw)) calc((80 / 1366) * 100vw);
        display: flex;
        justify-content: flex-end;
    }

    .contacts-footer.home .media-wrapper {
        bottom: 0;
        width: 50%;
    }

    .contacts-footer .media-wrapper .sound-icon {
        left: unset;
        right: 15px;
    }

    .contacts-footer.home .contacts-wrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        max-width: 45%;
    }

    .contacts-footer.home .contacts-wrapper .contacts-inner-wrapper {
        margin-bottom: 25px;
    }

    .contacts-footer .contacts-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }


    .contacts-footer .contacts-wrapper .contacts-inner-wrapper {
        max-width: 830px;
        padding-right: 100px;
    }

    .contacts-footer.home .contacts-wrapper .contacts-inner-wrapper {
        padding-right: 0;
    }

    .contacts-footer .contacts-wrapper .contacts-inner-wrapper .contacts-body-text {
        margin: 0;
    }
}