.contact-us {
    max-width: var(--root-max-width);
    margin: auto;
    padding-bottom: calc(150 * var(--px));
}

.contact-us>header {
    padding-top: calc(100* var(--px));
    padding-bottom: calc(50* var(--px));
}

.contact-us>header h3 {
    font-size: calc(48 * var(--px));
    font-weight: bold;
    line-height: calc(52 * var(--px));
}

.contact-us>form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-us>form .input {
    flex: 0 1 calc(50% - calc(20 * var(--px)));
}

.contact-us>form .input {
    display: flex;
    flex-direction: column;
}

.contact-us>form .input label {
    color: #333333;
    font-size: calc(18 * var(--px));
    padding: calc(40 * var(--px)) 0 calc(12 * var(--px));
}

.contact-us>form .input label.required::after {
    content: '*';
    color: #ff2424;
}

.contact-us>form .input input,
.contact-us>form .input select,
.contact-us>form .input.textarea textarea {
    font-size: calc(18 * var(--px));
    height: calc(60 * var(--px));
    outline: none;
    padding: 0 calc(12 * var(--px));
    border: 1px solid #d2d2d2;
}

.contact-us>form .input.textarea {
    flex: 0 1 100%;
    height: calc(225 * var(--px));
}

.contact-us>form .input.textarea textarea {
    height: calc(225 * var(--px));
    display: block;
    padding: calc(12 * var(--px));
}

.contact-us>form .submit-button {
    max-width: 100%;
    width: calc(250* var(--px));
    height: calc(70* var(--px));
    margin: auto;
    color: #fff;
    font-size: calc(16 * var(--px));
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--root-color);
    text-decoration: none;
    margin-top: calc(55* var(--px));
}

.contact-us>form .submit-button .img {
    --width: 22;
    width: calc(var(--width)* var(--px));
    overflow: hidden;
    margin-left: 12px;
}

.contact-us>form .submit-button .img img {
    width: 100%;
    translate: -100% 0;
    filter: drop-shadow(calc(var(--width)* var(--px)) 0 0 #fff);
}