.contact-section { padding: 5rem 0; } .contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 4rem; } .contact-us-info h2 { font-size: 2rem; margin-bottom: 1rem; } .contact-us-info>p { color: var(--gray-700); margin-bottom: 2rem; } .info-cards { display: flex; flex-direction: column; gap: 1.5rem; } .info-card { display: flex; gap: 1rem; padding: 1.5rem; background: var(--light-gray); border-radius: var(--radius); transition: all 0.3s; } .info-card:hover { transform: translateX(10px); box-shadow: var(--shadow-md); } .info-icon { width: 50px; height: 50px; background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; flex-shrink: 0; } .info-content h3 { font-size: 1.1rem; margin-bottom: 0.25rem; } .info-content p { color: var(--gray-700); } .info-content a { color: var(--primary-blue); text-decoration: none; } .info-content a:hover { text-decoration: underline; } /* Social Links */ .social-section { margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--gray-200); } .social-section h3 { font-size: 1.25rem; margin-bottom: 1rem; } .social-links { display: flex; gap: 1rem; } .social-links a { width: 50px; height: 50px; background: var(--gray-100); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: var(--gray-700); font-size: 1.25rem; transition: all 0.3s; } .social-links a:hover { background: var(--primary-blue); color: white; transform: translateY(-5px); } /* Contact Form */ .contact-form-container { background: var(--white); padding: 3rem; border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-lg); } .contact-form-container h2 { font-size: 1.75rem; margin-bottom: 0.5rem; } .contact-form-container>p { color: var(--gray-700); margin-bottom: 2rem; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; font-weight: 600; margin-bottom: 0.5rem; color: var(--gray-800); } .form-group label .required { color: var(--error-red); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 1rem; border: 1px solid var(--gray-200); border-radius: var(--radius); font-family: inherit; font-size: 1rem; transition: all 0.3s; } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: var(--primary-blue); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); outline: none; } .form-group textarea { min-height: 150px; resize: vertical; } .form-group .error-message { color: var(--error-red); font-size: 0.875rem; margin-top: 0.25rem; display: none; } .form-group.error input, .form-group.error textarea { border-color: var(--error-red); } .form-group.error .error-message { display: block; } .submit-button { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; border: none; padding: 1rem 2rem; border-radius: var(--radius); font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s; display: inline-flex; align-items: center; gap: 0.5rem; width: 100%; justify-content: center; } .submit-button:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } .submit-button:disabled { opacity: 0.7; cursor: not-allowed; } /* Success Message */ .success-message { display: none; padding: 1.5rem; background: #dcfce7; border: 1px solid #86efac; border-radius: var(--radius); color: var(--success-green); margin-bottom: 1.5rem; align-items: center; gap: 0.75rem; } .success-message.show { display: flex; } /* FAQ Quick Links */ .faq-quick { padding: 5rem 0; background: var(--light-gray); } .faq-quick h2 { font-size: 2rem; text-align: center; margin-bottom: 0.5rem; } .faq-quick>.container>p { text-align: center; color: var(--gray-700); margin-bottom: 3rem; } .faq-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; } .faq-card { background: var(--white); padding: 2rem; border-radius: var(--radius); border: 1px solid var(--gray-200); transition: all 0.3s; } .faq-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); border-color: var(--primary-blue); } .faq-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; display: flex; align-items: center; gap: 0.5rem; } .faq-card h3 i { color: var(--primary-blue); } .faq-card p { color: var(--gray-700); margin-bottom: 1rem; } .faq-card a { color: var(--primary-blue); text-decoration: none; font-weight: 500; } .faq-card a:hover { text-decoration: underline; } /* Map Section */ .map-section { padding: 5rem 0; } .map-section h2 { font-size: 2rem; text-align: center; margin-bottom: 2rem; } .map-container { height: 400px; background: linear-gradient(135deg, var(--light-blue), var(--gray-100)); border-radius: var(--radius-lg); display: flex; align-items: center; justify-content: center; font-size: 4rem; color: var(--primary-blue); }

Contact Us

Have questions, feedback, or need support? We'd love to hear from you. Our team is here to help.

Contact Information

Reach out to us through any of these channels. We typically respond within 24 hours.

Visit Us

123 Tech Park, Sector 62

Noida, Uttar Pradesh, India 201301

Send Us a Message

Fill out the form below and we'll get back to you as soon as possible.

Please enter your first name
Please enter your last name
Please enter a valid email address
Please select a subject
Please enter your message (minimum 20 characters)

Common Questions

Find quick answers to frequently asked questions.

Response Time

We typically respond to all inquiries within 24 hours during business days.

Learn more →

Technical Support

Having issues with our tools? Check our troubleshooting guide first.

View guide →

Partnerships

Interested in partnering with us? We'd love to explore opportunities.

Partner with us →

Our Location

Have questions, feedback, or need support?

Our support team is here to help clarify any questions or policies.

Contact Support Privacy Policy