Contact Us

Get in touch with our AV experts for personalized solutions and professional support

Phone

+971 56 163 1333

Mon-Thu: 8AM-5PM, Fri: 8AM-12PM

Email

sales@tawasulav.com

We respond within 24 hours

Office Location

Dubai, United Arab Emirates

Visit our showroom

Business Hours

Sunday - Thursday: 8:00 AM - 5:00 PM

Friday: 8:00 AM - 12:00 PM

Saturday: Closed

Quick Links

About Tawasul AV Our Services Technical Support Warranty Information

Getting Here

Located in Dubai, easily accessible from major highways
Contact us for detailed directions and appointment scheduling

.contact-page { min-height: 80vh; } .contact-header { text-align: center; margin-bottom: var(--spacing-3xl); } .contact-title { font-size: clamp(2.5rem, 6vw, 3rem); font-weight: 700; color: var(--color-text); margin: 0 0 var(--spacing-sm); font-family: var(--font-heading); } .contact-subtitle { font-size: 1.5rem; color: var(--color-text-light); margin: 0 0 var(--spacing-lg); direction: rtl; font-weight: 600; } .contact-description { font-size: 1.1rem; color: var(--color-text-light); max-width: 600px; margin: 0 auto; line-height: 1.6; } .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-xl); margin-bottom: var(--spacing-4xl); } .contact-card { background: white; padding: var(--spacing-xl); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-sm); text-align: center; border: 1px solid var(--color-border-light); transition: var(--transition-medium); position: relative; overf low: hidden; } .contact-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--color-primary), var(--color-secondary)); } .contact-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .contact-icon { color: var(--color-primary); margin-bottom: var(--spacing-lg); } .contact-card h3 { font-size: 1.3rem; font-weight: 600; color: var(--color-text); margin: 0 0 var(--spacing-md); } .contact-detail { font-size: 1rem; color: var(--color-text); margin: var(--spacing-xs) 0; font-weight: 500; } .contact-detail-ar { font-size: 0.95rem; color: var(--color-text); margin: var(--spacing-xs) 0; direction: rtl; font-weight: 500; } .contact-note { font-size: 0.9rem; color: var(--color-text-light); margin: var(--spacing-sm) 0 0; font-style: italic; } .contact-note-ar { font-size: 0.9rem; color: var(--color-text-light); margin: var(--spacing-xs) 0 0; direction: rtl; font-style: italic; } .contact-form-section { background: white; padding: var(--spacing-3xl); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-sm); margin-bottom: var(--spacing-4xl); border: 1px solid var(--color-border-light); } .contact-form-section h2 { text-align: center; font-size: 2rem; font-weight: 700; color: var(--color-text); margin: 0 0 var(--spacing-sm); } .form-subtitle { text-align: center; color: var(--color-text-light); margin: 0 0 var(--spacing-xl); direction: rtl; font-size: 1.2rem; } .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--spacing-lg); margin-bottom: var(--spacing-lg); } .form-group { margin-bottom: var(--spacing-lg); } .form-label { display: block; font-weight: 600; color: var(--color-text); margin-bottom: var(--spacing-sm); } .required { color: var(--color-accent); } .form-input, .form-select, .form-textarea { width: 100%; padding: var(--spacing-md); border: 2px solid var(--color-border); border-radius: var(--border-radius-md); font-size: 1rem; transition: var(--transition-fast); background: white; font-family: inherit; } .form-input:focus, .form-select:focus, .form-textarea:focus { outline: none; border-color: var(--color-primary); box-shadow: 0 0 0 4px rgba(26, 54, 93, 0.1); } .form-textarea { resize: vertical; min-height: 120px; } .checkbox-label { display: flex; align-items: flex-start; gap: var(--spacing-sm); cursor: pointer; font-size: 0.95rem; line-height: 1.5; } .form-checkbox { appearance: none; width: 20px; height: 20px; border: 2px solid var(--color-border); border-radius: var(--border-radius-sm); position: relative; cursor: pointer; transition: var(--transition-fast); flex-shrink: 0; margin-top: 2px; } .form-checkbox:checked { background: var(--color-primary); border-color: var(--color-primary); } .form-checkbox:checked::after { content: '✓'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 12px; font-weight: bold; } .form-submit { text-align: center; margin-top: var(--spacing-xl); } .submit-btn { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%); color: white; border: none; padding: var(--spacing-lg) var(--spacing-3xl); border-radius: var(--border-radius-full); font-size: 1.1rem; font-weight: 600; cursor: pointer; transition: var(--transition-fast); display: inline-flex; align-items: center; gap: var(--spacing-sm); box-shadow: var(--shadow-sm); } .submit-btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); } .form-note { margin-top: var(--spacing-md); color: var(--color-text-light); font-size: 0.9rem; } .additional-info { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--spacing-xl); margin-bottom: var(--spacing-4xl); } .info-section { background: white; padding: var(--spacing-xl); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border-light); } .info-section h3 { font-size: 1.3rem; font-weight: 600; color: var(--color-text); margin: 0 0 var(--spacing-lg); padding-bottom: var(--spacing-sm); border-bottom: 2px solid var(--color-primary); } .quick-links, .social-links { display: flex; flex-direction: column; gap: var(--spacing-sm); } .quick-link, .social-link { display: flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-sm); color: var(--color-text); text-decoration: none; border-radius: var(--border-radius-md); transition: var(--transition-fast); } .quick-link:hover, .social-link:hover { background: var(--color-background-light); color: var(--color-primary); } .social-links { flex-direction: row; } .social-link { justify-content: center; padding: var(--spacing-md); background: var(--color-background-light); } .certifications { display: flex; flex-direction: column; gap: var(--spacing-sm); } .cert-item { padding: var(--spacing-sm); background: var(--color-background-light); border-radius: var(--border-radius-md); text-align: center; font-size: 0.9rem; font-weight: 500; color: var(--color-text); } .map-section { background: white; padding: var(--spacing-3xl); border-radius: var(--border-radius-lg); box-shadow: var(--shadow-sm); border: 1px solid var(--color-border-light); } .map-section h2 { text-align: center; font-size: 2rem; font-weight: 700; color: var(--color-text); margin: 0 0 var(--spacing-sm); } .map-subtitle { text-align: center; color: var(--color-text-light); margin: 0 0 var(--spacing-xl); direction: rtl; font-size: 1.2rem; } .map-container { margin-bottom: var(--spacing-xl); } .map-placeholder { background: var(--color-background-light); padding: var(--spacing-3xl); border-radius: var(--border-radius-md); text-align: center; border: 2px dashed var(--color-border); } .map-link { display: inline-flex; align-items: center; gap: var(--spacing-sm); padding: var(--spacing-md) var(--spacing-lg); background: var(--color-primary); color: white; text-decoration: none; border-radius: var(--border-radius-md); margin-top: var(--spacing-md); transition: var(--transition-fast); } .map-link:hover { background: var(--color-secondary); transform: translateY(-1px); } .directions h4 { color: var(--color-text); margin: 0 0 var(--spacing-md); font-size: 1.2rem; } .directions ul { list-style: none; padding: 0; margin: 0; } .directions li { padding: var(--spacing-sm) 0; color: var(--color-text-light); position: relative; padding-left: var(--spacing-lg); } .directions li::before { content: '→'; position: absolute; left: 0; color: var(--color-primary); font-weight: bold; } @media screen and (max-width: 768px) { .contact-grid { grid-template-columns: 1fr; } .form-grid { grid-template-columns: 1fr; } .contact-form-section { padding: var(--spacing-xl); } .additional-info { grid-template-columns: 1fr; } .social-links { flex-direction: column; } .map-section { padding: var(--spacing-xl); } }