/* body */

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

.HelpAndSupport {
    width: 80%;
}

/* adress */
.adress_body {
    display        : flex;
    align-items    : center;
    justify-content: space-around;
    width          : 200px;
}

.adress_body a {
    text-decoration: none;
    color          : #DADBDC;
}

.adress_body h5 {
    color: #262728;
}

.adress_body h5,
.adress_body a {
    font-family: Arial, Helvetica, sans-serif;
}

/* page title */
.title_body h1 {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size     : 40px;
    font-family   : 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

/* blocks and block*/

.blocks {
    margin-top   : 50px;
    padding      : 30px;
    background   : #FFFFFF;
    box-shadow   : 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.block_1 {
    display        : flex;
    flex-direction : row;
    justify-content: space-between;
}

.block_2 {
    width        : 100%;
    height       : 200px;
    box-sizing   : border-box;
    box-shadow   : inset 0px 2px 6px rgba(0, 0, 0, 0.1);
    padding      : 21px 30px 0;
    overflow-wrap: anywhere;
    margin       : 30px 0 0 0;
}

.block_3 {
    width     : 100%;
    text-align: center;
    margin-top: 30px;
}

.block_3 button {
    width         : 270px;
    height        : 50px;
    background    : #49A069;
    border-radius : 100px;
    font-family   : Gotham Pro;
    font-weight   : bold;
    font-size     : 16px;
    line-height   : 160%;
    text-align    : center;
    letter-spacing: 0.02em;
    color         : #FFFFFF;
    outline       : none !important;
    border        : none;
}

.inp,
.block_2 {
    background   : #F8F9FA;
    border       : 1px solid #DADBDC;
    border-radius: 10px;
}

/* block input */

.inp {
    width          : 350px;
    height         : 50px;
    justify-content: space-evenly;
    flex-wrap      : nowrap;
    display        : flex;
    align-items    : center;
    box-shadow     : inset 0px 2px 6px rgb(0 0 0 / 10%);
}


.inp input {
    outline         : none;
    border          : none;
    background-color: transparent;
    width           : 280px;
}

.block_2 textarea {
    border          : 0;
    outline         : none !important;
    width           : 100%;
    background-color: transparent;
    resize          : inherit;
    height          : 100%;
}

.block_2 input::placeholder {
    font-family   : Gotham Pro;
    font-size     : 16px;
    line-height   : 160%;
    letter-spacing: 0.02em;
    color         : #A8A9AA;
}

@media (min-width:0) and (max-width:559.9px) {
    .title_body h1 {
        font-size: 20px;
    }

    /* blocks */
    .block_1 {
        flex-direction: column;
    }

    .block_2 {
        padding   : 11px 20px 0;
        margin-top: 10px;
    }

    /* inputs */
    .inp {
        width     : 100%;
        height    : 40px;
        margin-top: 10px;
    }

    .inp input {
        width: 60%;
    }

    /* button */
    .block_3 button {
        width : 100%;
        height: 35px;
    }
}