.contact-section {
    padding: 60px 0;
    background-color: #f8f9fa;
}

.contact-section h2 {
    color: var(--brown);
    font-family: var(--head-font);
    margin-bottom: 1.5rem;
}

.contact-section .form-label {
    color: var(--dark-brown);
}

.contact-section .form-control {
    border-radius: 0.25rem;
}

.contact-section .form-control:focus {
    box-shadow: none;
    border-color: var(--brown);
}

.contact-section .btn {
    background-color: var(--brown);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}

.contact-section p {
    color: var(--dark-brown);
    font-family: var(--body-font);
    margin-bottom: 0.75rem;
}

.contact-section .fa-location-dot,
.contact-section .fa-phone,
.contact-section .fa-envelope {
    color: var(--light-brown);
    margin-right: 0.5rem;
}

.contact-section a {
    color: var(--dark-brown);
    text-decoration: none;
}

.contact-section .map-placeholder {
    width: 100%;
    height: 450px;
    background-color: #e0e0e0;
}


input[type="number"]::-webkit-inner-spin-button {
    display: none;
}