@font-face {
    font-family: "KALAMEH_BLACK";
    src: url("../fonts/KALAMEH_BLACK.TTF");
}

@font-face {
    font-family: "KALAMEH_REGULAR";
    src: url("../fonts/KALAMEH_REGULAR.TTF");
}

.about-us-box {
    text-shadow: 0px 0px 0 black, 1px 0px 0 black, 0px 2px 0 black, 2px 1px 1px black;
    font-size: 20px;
    font-weight: bold;
    font-family: KALAMEH_REGULAR;
}


#menu p {
    font-family: KALAMEH_REGULAR;
    font-size: 20px;
}

p{
    font-family: KALAMEH_REGULAR;
    font-size: 20px;
}

.field-label {
    font-size: 0.92rem;
    font-weight: 700;
    color: #3c2e2b;
}



.support-input,
.support-textarea {
    width: 100%;
    border: 1.5px solid rgba(58, 39, 30, 0.16);
    background: rgba(255, 252, 246, 0.92);
    color: #2b201d;
    border-radius: 18px;
    padding: 14px 16px;
    font: inherit;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
}



.support-textarea {
    min-height: 110px;
    resize: vertical;
    line-height: 1.9;
}

.support-input::placeholder,
.support-textarea::placeholder {
    color: #a18f8a;
}

.support-input:focus,
.support-textarea:focus {
    border-color: rgba(175, 61, 33, 0.42);
    box-shadow:
            0 0 0 4px rgba(255, 206, 145, 0.18),
            0 0 18px rgba(255, 220, 160, 0.12);
    background: #fffdf9;
}


.support-submit-btn {
    justify-self: stretch;
    margin-top: 5px;
    border: 2px solid #1f120d;
    border-radius: 999px;
    background: linear-gradient(180deg, #722117 0%, #722117 100%);
    color: #fffaf4;
    font: inherit;
    font-weight: 800;
    font-size: 20px;
    cursor: pointer;
    font-family: KALAMEH_BLACK, serif;
    box-shadow:
            0 4px 0 #2a1711,
            0 8px 18px rgba(70, 24, 14, 0.18);
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
    padding: 5px 15px;
}

.support-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow:
            0 5px 0 #2a1711,
            0 10px 18px rgba(70, 24, 14, 0.18),
            0 0 18px rgba(255, 228, 170, 0.32);
    filter: brightness(1.03);
}

.support-submit-btn:active {
    transform: translateY(2px);
    box-shadow:
            0 2px 0 #2a1711,
            0 5px 10px rgba(70, 24, 14, 0.14);
}


.support-submit-btn {
    justify-self: stretch;
    margin-top: 5px;
    border: 2px solid #1f120d;
    border-radius: 999px;
    background: linear-gradient(180deg, #722117 0%, #722117 100%);
    color: #fffaf4;
    font: inherit;
    font-weight: 800;
    font-size: 20px;
    cursor: pointer;
    font-family: 'KALAMEH_BLACK', serif;
    box-shadow:
            0 4px 0 #2a1711,
            0 8px 18px rgba(70, 24, 14, 0.18);
    transition: transform 0.16s ease, box-shadow 0.16s ease, filter 0.16s ease;
}

.support-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow:
            0 5px 0 #2a1711,
            0 10px 18px rgba(70, 24, 14, 0.18),
            0 0 18px rgba(255, 228, 170, 0.32);
    filter: brightness(1.03);
}

.support-submit-btn:active {
    transform: translateY(2px);
    box-shadow:
            0 2px 0 #2a1711,
            0 5px 10px rgba(70, 24, 14, 0.14);
}

.field-group{
    margin-top: 5px;
    font-family: KALAMEH_REGULAR;
}

.field-group input{
    margin-top: 5px;
}

.field-group textarea{
    margin-top: 5px;
}