.support-form-section {
    max-width: 600px;
    margin: var(--extra-large) auto;
    padding: var(--large);
    background-color: var(--c-light-bg);
    border-radius: var(--small);
}

.support-form-section h2 {
    color: var(--c-dark-teal);
    margin-bottom: var(--medium);
    font-size: var(--large);
}

.mb-3 {
    margin-bottom: var(--medium);
}

.support-form-section label {
    display: block;
    margin-bottom: var(--tiny);
    color: var(--c-text-dark);
    font-weight: bold;
}

.support-form-section input[type="text"],
.support-form-section textarea {
    width: 100%;
    padding: var(--small);
    border: 1px solid var(--c-gray);
    border-radius: var(--small);
    font-size: var(--medium);
}

.support-form-section textarea {
    min-height: 150px;
    resize: vertical;
}

.btn-envoyer {
    border: none;
    border-radius: var(--small);
    width: 100%;
    padding: var(--small);
    font-weight: bold;
    cursor: pointer;
    background-color: var(--c-accent);
    color: var(--c-dark-teal);
    margin-top: var(--small);
    transition: background-color 0.3s ease;
}

.btn-envoyer:hover {
    filter: brightness(1.1);
}

@media (max-width: 768px) {
    .support-form-section {
        margin: var(--medium);
        padding: var(--medium);
    }
}