/* contact-us.css — dark-theme (da-new-theme) color overrides for contact-us.php
   Loaded after main.css/home-new.css; same-specificity selectors here win via source order.
   Colors/backgrounds/borders only — no layout, sizing, or structural changes.
   Several rules reused verbatim from about.css: this page shares the exact same
   hero (.about-header-area) and FAQ accordion (.works4-header.heading8 / .choose-section-area
   .accordian-tabs-area .accordion .accordion-item) markup/classes as about.php. */

/* Hero */
.about-header-area .about-inner-header h1 {
    color: #ffffff;
}

.about-header-area .about-inner-header a {
    color: rgba(255, 255, 255, 0.6);
}

/* Intro heading + CTA band heading (both use .heading2) */
.heading2 h5 {
    color: #a855f7;
}

.heading2 h2 {
    color: #ffffff;
}

.heading2 p {
    color: #a0aec0;
}

/* Contact info cards */
.contact-main-inner-area .contact-header .number-address-area,
.contact-main-inner-area .contact-header .number-address-area2 {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
}

.contact-main-inner-area .contact-header .number-address-area .phone-number .img1,
.contact-main-inner-area .contact-header .number-address-area2 .phone-number .img1 {
    background: rgba(124, 58, 237, 0.12);
}

.contact-main-inner-area .contact-header .number-address-area .phone-number .content p,
.contact-main-inner-area .contact-header .number-address-area2 .phone-number .content p {
    color: #a0aec0;
}

.contact-main-inner-area .contact-header .number-address-area .phone-number .content a,
.contact-main-inner-area .contact-header .number-address-area2 .phone-number .content a {
    color: #ffffff;
}

.contact-main-inner-area .contact-header .number-address-area .phone-number .content a:hover,
.contact-main-inner-area .contact-header .number-address-area2 .phone-number .content a:hover {
    color: #c026d3;
}

.contact-main-inner-area .contact-header .number-address-area2 .phone-number .map {
    color: #a855f7;
}

/* Contact form card */
.contact-main-inner-area .contact-form-area {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.5);
}

.contact-main-inner-area .contact-form-area .input-area input,
.contact-main-inner-area .contact-form-area .input-area textarea {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(124, 58, 237, 0.25);
    color: #ffffff;
}

.contact-main-inner-area .contact-form-area .input-area input::placeholder,
.contact-main-inner-area .contact-form-area .input-area textarea::placeholder {
    color: #a0aec0;
}

/* Submit button (same structure as about.php's CTA) */
.header-btn1 {
    background:
        linear-gradient(#060612, #060612) padding-box,
        linear-gradient(90deg, #7c3aed 0%, #c026d3 55%, #e11d48 100%) border-box;
    border: 2px solid transparent;
    color: #ffffff;
}

.header-btn1 span {
    background: #7c3aed;
    color: #ffffff;
}

/* FAQ accordion */
.works4-header.heading8 h2 {
    color: #ffffff;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(124, 58, 237, 0.18);
    border-radius: 9px;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button {
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item h2 button:not(.collapsed) {
    background: rgba(124, 58, 237, 0.14);
    color: #ffffff;
}

.choose-section-area .accordian-tabs-area .accordion .accordion-item .accordion-body {
    color: #cbd5e1;
}

/* Closing CTA band */
.cta-section-area {
    background: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);
}