.contact {
    max-width: 90%!important;
    margin: 60px auto;
}
.contact-content {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
.contact-content h2 {
    color: var(--color0901);
    font-family: Sahel-SemiBold;
    margin-bottom: 8px;
}
.contact-content p {
    color: var(--color0901);
    direction: rtl;
    padding-bottom: 10px;
    margin-top: 0px;
}
.contact-form {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.contact-content form input, .contact-content form textarea {
    text-align: right;
    font-family: Sahel-Light;
    flex: 1 1 15em;
    padding: 14px 8px;
    width: 100%;
    border: 1px solid color-mix(in srgb, var(--color0902) 70%, transparent);
    border-radius: 5px;
}
.contact-content form input::placeholder, .contact-content form textarea::placeholder {
    color: var(--color0902);
}
.contact-content form textarea {
    padding-top: 20px;
}
.contact-content form button {
    font-family: Sahel-SemiBold;
    color: var(--color0904);
    background-color: var(--color0903);
    width: 100%;
    margin-top: 20px;
    border: 2px solid var(--color0904);
    padding: 8px 0px;
    border-radius: 5px;
    cursor: pointer;
}
.contact-content form button:hover {
    transform: translateY(-2px);
}
@media screen and (max-width: 600px) {
    .contact {
        margin: 40px auto;
    }
}