{
  "version": 3,
  "sources": [],
  "sections": [
    {"offset": {"line": 1, "column": 0}, "map": {"version":3,"sources":["turbopack:///[project]/src/styles/ContactUsPageForm.css"],"sourcesContent":["/* Contact Us Page Form Section - Standardized Fixed Design */\n.contact-form-section {\n    padding: 50px 40px !important; /* Updated from 30px to 50px */\n    background-color: #0d0d0d;\n    color: var(--color-white);\n}\n\n.contact-container {\n    max-width: 1400px;\n    margin: 0 auto;\n}\n\n.contact-grid {\n    display: grid;\n    grid-template-columns: 1.5fr 1fr;\n    gap: 80px;\n    align-items: stretch;\n}\n\n/* Form Column - Left */\n.contact-form-container {\n    background-color: #eaf6e5;\n    padding: 30px 30px;\n    border: 2px solid #54b248;\n    border-radius: 12px;\n    color: #000000;\n}\n\n.form-box-title {\n    font-size: 26px;\n    font-weight: 800;\n    line-height: 1.35;\n    color: #000000;\n    margin-bottom: 30px;\n    font-family: var(--font-heading);\n}\n\n.contact-main-form {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n}\n\n.contact-form-row {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    width: 100%;\n}\n\n.contact-form-field {\n    width: 100% !important;\n    padding: 15px 20px !important;\n    border: 1.5px solid #54b248 !important;\n    border-radius: 6px !important;\n    /* MATCHING ORIGINAL IMAGE */\n    background-color: #ffffff !important;\n    color: #000000 !important;\n    font-size: 15px !important;\n    outline: none !important;\n    box-sizing: border-box !important;\n    transition: border-color 0.3s !important;\n}\n\n.contact-form-field:focus {\n    border-color: #429037 !important;\n    box-shadow: 0 0 10px rgba(84, 178, 72, 0.15) !important;\n}\n\n/* Info Column - Right */\n.contact-info-list {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    padding: 0px;\n    height: 100%;\n}\n\n.info-item {\n    display: flex;\n    gap: 25px;\n    align-items: flex-start;\n}\n\n.custom-icon-img {\n    width: 55px;\n    height: 55px;\n    object-fit: contain;\n    flex-shrink: 0;\n}\n\n.highlight-text {\n    color: var(--color-primary);\n    font-size: 20px;\n    font-weight: 700;\n    margin: 0 0 6px 0;\n}\n\n.info-text p {\n    margin: 4px 0;\n    color: #ffffff;\n    font-size: 15px;\n}\n\n.info-text p span {\n    color: var(--color-primary);\n    font-weight: 700;\n}\n\n/* Form Footer */\n.form-footer {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-top: 20px;\n    gap: 20px;\n}\n\n.checkbox-group {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n}\n\n.checkbox-group input {\n    width: 24px;\n    height: 24px;\n    border: 1.5px solid #54b248;\n}\n\n.checkbox-group label {\n    font-size: 15px;\n    color: #000;\n    font-weight: 600;\n}\n\n.submit-btn {\n    background-color: #54b248;\n    color: #ffffff;\n    padding: 14px 40px;\n    border-radius: 50px;\n    font-weight: 700;\n    font-size: 17px;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    transition: all 0.3s;\n}\n\n.submit-btn:hover {\n    background-color: #429037;\n    transform: scale(1.02);\n}\n\n/* Page Container - Gap Overrides (50px) */\n.contact-page-container .desire-tech-section,\n.contact-page-container .testimonials-section {\n    padding-top: 50px !important;\n    padding-bottom: 50px !important;\n}\n\n.contact-page-container .desire-tech-subtitle {\n     margin-bottom: 40px !important;\n}\n\n/* Mobile Responsive */\n@media (max-width: 1200px) {\n    .contact-grid {\n        gap: 50px;\n    }\n}\n\n@media (max-width: 1024px) {\n    .contact-form-section {\n        padding: 50px 20px !important;\n    }\n\n    .contact-grid {\n        grid-template-columns: 1fr;\n        gap: 60px;\n    }\n\n    .contact-info-list {\n        gap: 40px;\n    }\n}\n\n@media (max-width: 768px) {\n    .contact-form-row {\n        grid-template-columns: 1fr;\n    }\n\n    .form-footer {\n        flex-direction: column;\n        align-items: flex-start;\n    }\n\n    .submit-btn {\n        width: 100%;\n        justify-content: center;\n    }\n}\n\n@media (max-width: 480px) {\n    .contact-form-container {\n        padding: 30px 20px;\n    }\n\n    .custom-icon-img {\n        width: 45px;\n        height: 45px;\n    }\n}"],"names":[],"mappings":"AACA;;;;;;AAMA;;;;;AAKA;;;;;;;AAQA;;;;;;;;AAQA;;;;;;;;;AASA;;;;;;AAMA;;;;;;;AAOA;;;;;;;;;;;;;AAcA;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;;AAMA;;;;;;;;AAQA;;;;;;AAMA;;;;;;AAMA;;;;;;AAMA;;;;;;;;;;;;;;;AAeA;;;;;AAMA;;;;;AAMA;;;;AAKA;EACI;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;;AAKJ;EACI;;;;EAIA;;;;;EAKA;;;;;;AAMJ;EACI;;;;EAIA"}}]
}