.footer {
    background: #333;
    padding: 75px 0 57px;
}

hr {
    color: #fff; /* Цвет линии для остальных браузеров */
    background-color: #fff; /* Цвет линии для браузера Firefox и Opera */
    height: 1px; /* Толщина линии */
    opacity: 0.3;
}

.footer_top_block {
    display: flex;
    justify-content: space-between;
}

.footer .h2_white {
    color: #fff;
    margin-bottom: 24px;
    width: 55%;
}

.footer_text {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #cacaca;
    width: 48%;
}

.footer_form {
    display: flex;
    flex-direction: column;
    width: 65%;
}

.footer_form input,
.footer_form textarea,
.footer_form select,
.footer_form select > option {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 19px 24px;
    width: 100%;
    background: transparent;
    margin-bottom: 20px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #cacaca;
}

.footer_form_button {
    width: 100%;
    background: #ffb630;
    color: #333;
}

.footer_form_button:hover {
    background: transparent;
    color: #fff;
}

.footer_form .footer_text {
    width: 100%;
    margin: 18px 0 46px;
}

.privacy_policy_link {
    color: #ffb630;
}

.footer_middle_block {
    padding: 34px 0 67px;
    display: flex;
    justify-content: space-between;
}

.footer_contact {
    margin-top: 48px;
    display: flex;
    flex-direction: column;
    gap: 28px;
    width: 39%;
}

.footer_inscription {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    margin-bottom: 8px;
}

.footer_number {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
}

.footer_contact a {
    transition: 0.3s;
}

.footer_contact a:hover {
    color: #ffb630;
}

.footer_inform .footer_text {
    color: #f8f8f8;
    width: 100%;
}

.footer_social_networks {
    display: flex;
    gap: 9px;
}

.footer_social_networks_links {
    transition: 0.3s;
    padding: 9px;
    background: #ffb630;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
}

.footer_social_networks_links:hover {
    background: none;
    border: 2px solid #ffb630;
}

.footer_social_networks_links:hover img {
    filter: brightness(0) saturate(100%) invert(83%) sepia(46%) saturate(1404%) hue-rotate(330deg) brightness(100%) contrast(103%);
}

.footer_menu {
    display: flex;
    margin-right: 50px;
    width: 45%;
    justify-content: space-between;
}

.footer_menu div {
    display: flex;
    flex-direction: column;
}

.footer_menu_link {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 28px;
    position: relative; /* Добавляем это, чтобы позиционировать псевдоэлемент */
    display: inline-block; /* Добавляем это, чтобы ссылка занимала только необходимую ширину */
    width: max-content;
}

.footer_menu_link:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -3px;
    left: 0;
    background-color: #ffb630;
    transition: width 0.3s ease-out;
}

.footer_menu_link:hover:before {
    width: 100%;
}

.footer_bottom_block {
    padding-top: 20px;
    display: flex;
    justify-content: space-between;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #fff;
}

.bottom_block_website_development {
    display: flex;
    gap: 10px;
}

.bottom_block_website_development .footer_menu_link {
    opacity: 0.8;
}

/*ВЫПАДАЮЩИЙ СПИСОК*/

.input-container {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333333;
    top: 70px;
    width: 100%;
    border: 1px solid #fff;
    color: #fff;
    z-index: 1;
    border-radius: 4px;
    max-height: 190px;
    overflow-y: auto;
}

.dropdown-content div {
    padding: 19px 24px;
    cursor: pointer;
}

.dropdown-content div:hover {
    background-color: #0000005c;
}

.show {
    display: block;
}

.dropdown-content::-webkit-scrollbar {
    width: 4px;
    background-color: #eee;
    border-radius: 4px;
}

.dropdown-content::-webkit-scrollbar-thumb {
    background-color: #eee;
    border-radius: 4px;
}

.dropdown-content::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); */
    background-color: #333;
    border-radius: 4px;
}

.footer-form__background {
    background: var(--default-black);
    padding-top: 20px;
}
/*АДАПТИВ*/

@media screen and (max-width: 1500px) {
    .footer .h2_white {
        width: 63%;
    }
}

@media screen and (max-width: 1250px) {
    .footer_top_block_headlines {
        width: 50%;
    }

    .footer .h2_white,
    .footer_text {
        width: 80%;
    }

    .footer_contact {
        width: 70%;
    }

    .footer_menu {
        margin-right: 0;
        width: 65%;
    }

    .footer_menu {
        margin-right: 0;
        width: 55%;
        gap: 55px;
    }
}

@media screen and (max-width: 950px) {
    .footer_top_block {
        flex-direction: column;
    }

    .footer_top_block_headlines {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 30px;
    }

    .footer_form {
        width: 100%;
    }

    .footer .h2_white,
    .footer_text {
        width: 100%;
    }

    .footer_middle_block {
        flex-direction: column;
    }

    .footer_menu {
        width: 100%;
        margin-top: 50px;
    }

    .footer_bottom_block {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }
}

@media screen and (max-width: 650px) {
    .footer {
        padding: 70px 0 50px;
    }

    .footer_contact {
        width: 100%;
    }

    .footer_inform {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .footer_menu_link {
        font-size: 14px;
    }

    .footer_middle_block {
        padding: 30px 0 20px;
    }

    .footer_menu_two {
        align-items: flex-end;
    }

    .footer_menu {
        gap: 0;
    }
}