/* Contact Page Styles */

body {
    padding-top: 120px;
}

.about-hero-section {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 80px 42px !important;
    text-align: center !important;
}

.about-hero-section h1 {
    text-align: center !important;
}

.about-hero-section .hero-description {
    text-align: center !important;
    max-width: 800px !important;
    margin: 24px auto 0 !important;
}

section {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 60px 42px !important;
}

.section-container {
    max-width: 100% !important;
}

.btn-primary {
    background: linear-gradient(135deg, #f3be69, #dca85b) !important;
    color: #1a1205 !important;
    padding: 16px 32px !important;
    border-radius: 14px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.35s ease !important;
    box-shadow: 0 4px 15px rgba(220, 168, 91, 0.3) !important;
}

.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 25px rgba(220, 168, 91, 0.5) !important;
}

/* Contact Page Mobile Responsive Styles */

@media (max-width: 768px) {
    /* Change flex sections to column layout on mobile */
    .flex.flex-row {
        flex-direction: column !important;
        gap: 1rem !important;
    }

    .flex.flex-row .flex-1 {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Form inputs mobile responsive */
    input, textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}