/* Extracted from keystoneapp/templates/contacts/contact.html */
@keyframes fadeInDown {

    from { opacity: 0; transform: translateY(-20px); }

    to { opacity: 1; transform: translateY(0); }

}

/* WebP background with fallback */

    .contact-hero { 

        min-height: 350px; 

        display: flex; 

        align-items: center;

        background: linear-gradient(rgba(20,40,80,0.6),rgba(20,40,80,0.6)), url('../img/office1.jpg') center/cover no-repeat;

    }

    .webp .contact-hero {

        background: linear-gradient(rgba(20,40,80,0.6),rgba(20,40,80,0.6)), url('../img/office1.webp') center/cover no-repeat;

    }

    .contact-hero h1, .contact-hero p { text-shadow: 0 2px 8px rgba(0,0,0,0.15); }
    .form-control { border-radius: 0.5rem; }
    .contact-consent-option {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 16px;
        border: 1px solid #d8dee8;
        border-radius: 16px;
        background: #fff;
        color: #111827;
        font-size: 0.94rem;
        font-weight: 750;
        line-height: 1.55;
        cursor: pointer;
        transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
    }
    .contact-consent-option:hover {
        border-color: rgba(255, 122, 0, .65);
        background: #fff8f1;
    }
    .contact-consent-option:has(input:checked) {
        border-color: #ff7a00;
        background: #fff3e6;
        box-shadow: 0 10px 28px rgba(255, 122, 0, .14);
    }
    .contact-consent-option input {
        width: 18px;
        height: 18px;
        margin-top: 3px;
        flex: 0 0 auto;
        accent-color: #ff7a00;
    }
    .contact-consent-option span {
        min-width: 0;
    }
    .wow { opacity: 1; } /* Optional: Remove if not using wow.js */

/* Generated classes for former inline style attributes */
/* Inline styles extracted from keystoneapp/templates/contacts/contact.html */
.ktl-inline-1ab3134a { animation: fadeInDown 0.5s ease-out; }
.ktl-inline-13c012ff { background-color: #ED1C24; color: #fff; font-size: 0.75em; }
.ktl-inline-f0416054 { background-color: #00A651; color: #fff; font-size: 0.75em; }
.ktl-inline-b5dd7f7f { background: linear-gradient(135deg, #f7b733 0%, #fc4a1a 100%); color: #fff; }
