.get-in-touch {
    padding: 5rem 0 7.7rem;
    // background-color: $primary;

    @media(min-width: $tabletP1) {
        padding: 10rem 0 10.5rem;
    }

    // .get-in-touch__container

    &__container {
    }

    // .get-in-touch__content

    &__content {
        color: #D6D1BD;
        // background-color: rgb(57, 70, 47);
        // color: rgb(214, 209, 189);
    }

    // .get-in-touch__form-wrapper

    &__form-wrapper {
        display: flex;
        flex-direction: column;
        gap: 3.5rem 2rem;

        @media(min-width: $tabletP1) {
            flex-direction: row;
            justify-content: space-between;
        }

        h2 {
            @extend .h3;
            letter-spacing: -.2px;
            @media(min-width: $tabletSmallP1) {
                letter-spacing: -.7px;
            }
        }

        p {
            margin-top: 1.5rem;
            max-width: 63.8rem;
            width: 100%;
            @media(min-width: $tabletSmallP1) {
                margin-top: 2rem;
            }
        }
    }

    // .get-in-touch__form-body

    &__form-body {
        width: 100%;

        @media(min-width: $tabletP1) {
             max-width: 73rem;
        }
    }

    // .get-in-touch__form

    &__form {
        margin-top: 3rem;
        display: flex;
        flex-direction: column;
        gap: 2.2rem;
        @media(min-width: $tabletSmallP1) {
            margin-top: 2rem;
        }

        label {
            line-height: 1.5;

            &:not(.checkbox__item){
                font-size: 1.4rem;
                margin-bottom: .7rem;
                display: block;
                @media(min-width: $tabletP1) {
                    font-size: 1.6rem;
                }
            }
        }

        textarea {
            min-height: 18rem;
        }

        button {
            display: inline-flex;
            width: fit-content;
            align-items: center;
            gap: 1rem;
            font-size: 1.6rem;
            line-height: 1.4;
            color: $secondary;
            position: relative;
            margin-top: .3rem;
            @media(min-width: $tabletSmallP1) {
                font-size: 2rem;
            }

            &::before {
                content: '';
                width: 100%;
                height: 4.4rem;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
            }
            
            &::after {
                content: '';
                width: 2.4rem;
                height: 2.4rem;
                background-size: 100%;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0.75C21.3178 0.75 27.25 6.68223 27.25 14C27.25 21.3178 21.3178 27.25 14 27.25C6.68223 27.25 0.75 21.3178 0.75 14C0.75 6.68223 6.68223 0.75 14 0.75Z' stroke='%23E5A424' stroke-width='1.5'/%3E%3Cpath d='M17.729 12.857L13.6751 8.80328C13.5498 8.67777 13.4865 8.5304 13.4852 8.36118C13.4837 8.19195 13.5455 8.04409 13.6707 7.9176C13.7959 7.79074 13.9437 7.72804 14.114 7.72952C14.2844 7.73099 14.4327 7.7943 14.5589 7.91944L19.68 13.0405C19.747 13.1083 19.7958 13.1788 19.8262 13.252C19.8568 13.3253 19.8721 13.403 19.8721 13.4852C19.8721 13.5673 19.8568 13.6449 19.8262 13.7178C19.7958 13.7909 19.747 13.8612 19.68 13.9288L14.5545 19.0542C14.4249 19.1794 14.2765 19.2419 14.1093 19.2419C13.9421 19.2419 13.7959 19.1794 13.6707 19.0542C13.5455 18.926 13.4829 18.7781 13.4829 18.6105C13.4829 18.4427 13.5455 18.296 13.6707 18.1704L17.729 14.1122L8.7375 14.1122C8.55758 14.1122 8.40727 14.0527 8.28655 13.9335C8.16583 13.8144 8.10547 13.6648 8.10547 13.4846C8.10547 13.3045 8.16583 13.1548 8.28655 13.0357C8.40727 12.9166 8.55758 12.857 8.7375 12.857L17.729 12.857Z' fill='%23E5A424'/%3E%3C/svg%3E%0A");
                transition: .2s all;
                @media(min-width: $tabletSmallP1) {
                    width: 2.8rem;
                    height: 2.8rem;
                }
            }

            &:hover {
                &::after {
                    transform: translateX(.4rem);
                }
            }

            span {
                position: relative;

                &::before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background-color: $secondary;
                    position: absolute;
                    bottom: 0;
                    left: 0;
                }
            }
        }
    }

    // .get-in-touch__contacts

    &__contacts {
        width: 100%;

        @media(min-width: $tabletP1) {
            max-width: 25rem;
            margin-top: 13.5rem;
        }

        @media(min-width: $desktopP1) {
            max-width: 47.5rem;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            li{
                padding: 0;
                margin-top: 2rem;
            }

            p {
                &:not(:first-child) {
                    margin-top: .5rem;
                }
            }

            a {
                display: inline-block;
                margin-top: .4rem;
                text-decoration: underline;

                &:hover {
                    color: $secondary;
                }
            }
        }
    }
}

.checkbox {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    // .checkbox__item

    &__item {
        display: flex;
        align-items: center;
        gap: .6rem;
        cursor: pointer;

        input {
            width: 0;
            height: 0;
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
            visibility: hidden;
            &:checked {
                & + .checkbox__custom {
                    &::before {
                        opacity: 1;
                        visibility: visible;
                    }
                }
            }
        }
    }

    // .checkbox__custom

    &__custom {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        border: 1px solid $secondary;
        border-radius: 50%;
        flex-shrink: 0;
        transition: .2s all;
        position: relative;
        align-self: self-start;

        &::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-size: 100%;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23E5A424'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M7 12L9.89075 14.8907V14.8907C9.95114 14.951 10.049 14.9511 10.1094 14.8907V14.8907L17 8' stroke='' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
            opacity: 0;
            visibility: hidden;
        }

    }

    // .checkbox__text

    &__text {
        font-size: 1.4rem;
        line-height: 1.5;
    }
}