/* SEVENTEENTH SECTION */

.contacts_section {
    background: no-repeat center/cover;
}

.feedback_container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-top: 100px;
    padding-bottom: 77px;
}

.feedback_heading-row {
    display: flex;
}

.feedback_heading-row:nth-child(2) {
    justify-content: space-between;
}

.feedback_heading-row:nth-child(3) {
    gap: 10px;
}

.feedback_heading-row:nth-child(4) {
    gap: 50px;
}

.feedback_heading-caption {
    color: var(--white);
    font-family: 'Helvetica Neue';
    font-size: 16px;
    max-width: 409px;
    margin-top: 45px;
    line-height: 23px;
    text-align: justify;
}

.feedback_form {
    display: flex;
    flex-direction: column;
    gap: 17px;
    max-width: 842px;
    width: 100%;
}

.feedback_input {
    background: url(../../img/input-bg.png) center/cover;
    border: 1px solid #3F3F3F;
    border-radius: 100%;
    padding: 27px 35px;
    width: 100%;
    border-radius: 40px;
    color: var(--white);
    font-size: 16px;
}

.field-errors {
    color: #d36464;
    margin-top: .5rem;
}

.feedback_input::placeholder {
    color: #AFAFAF;
    font-family: 'Helvetica Neue';
    font-size: 14px;
}

.feedback_input:focus {
    outline: none;
}

.feedback_btn {
    background-color: var(--white);
    color: var(--black);
    font-family: 'Helvetica Neue Bold';
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 11px;
    padding: 21px;
    border-radius: 40px;
    transition: all 0.3s ease;
    cursor: pointer;
    font-size: 16px;
}

.feedback_btn:hover {
    background-color: var(--primary-yellow);
}

.feedback_btn svg {
    transition: all 0.3s ease;
}

.feedback_btn:hover svg {
    transform: rotate(-90deg);
}

.contacts_socials{
    display: flex;
    justify-content: center;
}

.contacts_socials.mobile {
    display: none;
}

.contacts_social {
    flex: 1 1 25%;
    padding: 32px;
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border: 0.7px solid #3F3F3F;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.social_number-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.social_number {
    font-family: 'Impact Cyr';
    font-weight: normal;
    font-size: 20px;
    color: #828282;
}

.contacts_social-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    font-family: 'Impact Cyr';
    font-weight: normal;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 23px;
    text-decoration: none;
}

.contacts_social-link:hover {
    color: var(--primary-yellow);
}

.contacts_social-link:hover img {
    transform: scale(1.3);
}

.contacts_social-link img {
    width: 36px;
    height: 36px;
}

.footer {
    padding-top: 90px;
    padding-bottom: 103px;
    background: url(../../img/footer-lines.svg) no-repeat center/cover;
}

.footer_contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    justify-content: center;
}

.footer_link {
    color: var(--white);
    font-size: 20px;
    line-height: 18px;
    font-family: 'Helvetica Neue';
    display: flex;
    gap: 2px;
    align-items: center;
    flex-direction: row-reverse;
}

.footer_link svg {
    margin-right: 4px;
}

.footer_link:nth-child(5) {
    margin-top: 23px;
}

.footer img {
    width: 135px;
    height: 135px;
    margin-bottom: -20px;
}

.feedback_heading-box .heading_secondary.mobile {
    display: none;
}

@media (max-width: 1919px) {
    .feedback_form {
        max-width: 573px;
    }

    .feedback_heading-box .heading_secondary {
        font-size: 65px;
        line-height: 62px;
    }

    .feedback_heading-caption {
        font-size: 14px;
        line-height: 15.7px;
        max-width: 264px;
        margin-top: 30px;
    }

    .feedback_form {
        gap: 12px;
    }

    .feedback_input {
        padding: 19px 24px;
    }

    .feedback_btn {
        padding: 19.5px;
        font-size: 14px;
    }

    .contacts_social {
        flex: 1 1 50%;
        padding: 20px;
    }

    .social_number {
        font-size: 14px;
    }

    .contacts_social-link {
       font-size: 27px;
    }

    .contacts_social-link img {
        width: 25px;
        height: 25px;
    }

    .footer {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .footer img {
        width: 62px;
        height: 62px;
    }

    .footer_contacts {
        gap: 10px;
    }

    .footer_link {
        font-size: 14px;
        line-height: 18px;
    }
}

@media(max-width: 1280px) {
    .feedback_container {
        flex-direction: column;
        gap: 43px;
        max-width: 502px;
        margin: 0 auto;
        padding-bottom: 108px;
    }

    .feedback_bg {
        background: url(../../img/feedback-lines-tablet.svg) no-repeat center/cover;
    }

    .feedback_heading-row:nth-child(4) {
        flex-direction: column;
        gap: 24px;
    }

    .feedback_heading-box .heading_secondary {
        font-size: 59px;
        line-height: 60px;
        letter-spacing: -0.04em;
    }

    .feedback_heading-caption {
        max-width: unset;
        font-size: 16px;
        line-height: 23px;
    }

    .feedback_btn {
        padding: 14.5px;
    }

    .contacts_social {
        padding: 25px;
    }

    .contacts_socials.desktop{
        display: none;
    }

    .contacts_socials.mobile {
        display: flex;
        flex-wrap: wrap;
    }

    .social_number {
        font-size: 16px;
    }

    .contacts_social-link {
       font-size: 32px;
       line-height: 18px;
    }

    .contacts_social-link img {
        width: 28px;
        height: 28px;
    }

    .contacts_social:nth-child(8) {
        opacity: 0;
    }

    .footer {
        padding-top: 25px;
        padding-bottom: 45px;
        background: url(../../img/footer-lines-tablet.svg) no-repeat center/cover;
        background-position: calc(50% - 10px) center;
        background-size: 102%;
        border-left: 0.7px solid #3F3F3F;
    }
}

@media(max-width: 767px) {
    .feedback_heading-box .heading_secondary {
        font-size: 40px;
        line-height: 100%;
        letter-spacing: -0.01em;
        max-width: 223px;
    }

    .feedback_heading-box {
        max-width: 223px;
    }

    .feedback_heading-row:nth-child(2) {
        gap: 8px;
    }

    .feedback_heading-caption {
        font-size: 14px;
        line-height: 18px;
        margin-left: 29px;
    }

    .feedback_heading-caption span {
        display: none;
    }

    .feedback_bg {
        background: url(../../img/feedback-lines-mobile.svg) no-repeat center/cover;
    }

    .contacts_social {
        padding: 13px;
    }

    .social_number {
        font-size: 10px;
    }

    .social_number-box svg {
        width: 17px;
        height: 17px;
    }

    .contacts_social-link {
       font-size: 20px;
    }

    .contacts_social-link img {
        width: 20px;
        height: 20px;
    }

    .footer {
        padding-top: 20px;
        padding-bottom: 30px;
        background: url(../../img/footer-lines-mobile.svg) no-repeat center/cover;
        background-position: center;
        background-size: 100%;
        border-left: none;
    }

    .feedback_heading-box .heading_secondary.mobile {
        display: block;
    }

    .feedback_heading-box .heading_secondary.desktop {
        display: none;
    }  
}