Scube Solutions - Contact Us

Get in Touch With Us

Have a question or want to work together? Fill out the form below and we'll get back to you as soon as possible.

Name

Email

Solution

Message

Email

amarnathsahni@gmail.com

Phone

+91 9873162416

Address

209, Mukherjee Nagar

New Delhi-110009

Hours

Monday - Saturday

9:00 AM - 5:00 PM

Find Us Here

/* Non-critical styles moved here */ .contact-content { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 5rem; animation: fade-in 0.8s ease-out 0.3s forwards; } .contact-form-section { background-color: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding: 2.5rem; transition: transform 0.3s, box-shadow 0.3s; } .contact-form-section:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: #374151; } .form-control { width: 100%; padding: 0.75rem 1rem; font-size: 1rem; border: 1px solid #e5e7eb; border-radius: 0.5rem; transition: border-color 0.2s, box-shadow 0.2s; } .form-control:focus { outline: none; border-color: #16a34a; box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.1); } select.form-control { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; background-size: 1rem; padding-right: 2.5rem; } textarea.form-control { height: 160px; resize: vertical; } .btn { display: inline-block; padding: 0.75rem 2rem; border-radius: 9999px; text-decoration: none; transition: all 0.3s; font-weight: 600; cursor: pointer; border: none; } .btn:hover { transform: scale(1.05); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); } .btn-primary { background-color: #16a34a; color: white; } .btn-primary:hover { background-color: #15803d; } .contact-info-section { display: grid; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; } .info-card { background-color: white; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); padding: 1.5rem; transition: transform 0.3s, box-shadow 0.3s; } .info-card:hover { transform: translateY(-5px); box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .info-card h3 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; color: #16a34a; display: flex; align-items: center; gap: 0.75rem; } .info-card h3 i { color: #ff8c00; font-size: 1.5rem; width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background-color: #ffedd5; border-radius: 50%; } .info-card p { color: #4b5563; margin-bottom: 0.5rem; } .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 0; background-color: rgba(0, 0, 0, 0.9); overflow-y: hidden; transition: 0.5s; z-index: 999; } .mobile-menu-content { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .mobile-menu-overlay a { padding: 1rem; text-decoration: none; font-size: 1.5rem; color: white; display: block; transition: 0.3s; text-align: center; } .mobile-menu-overlay a:hover { color: #16a34a; } .close-menu { position: absolute; top: 20px; right: 30px; font-size: 2rem; color: white; cursor: pointer; } .map-section { margin-top: 2rem; margin-bottom: 3rem; padding-top: 2rem; animation: fade-in 0.8s ease-out 0.5s forwards; opacity: 0; } .map-section h3 { font-size: 1.5rem; font-weight: 600; margin-bottom: 1.5rem; text-align: center; } .map-container { border-radius: 1rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .map-container iframe { width: 100%; height: 400px; border: 0; } footer { display: flex; justify-content: space-between; padding: 40px 60px; background-color: #1b1f29; flex-wrap: wrap; color: #ffffff; font-family: Arial, sans-serif; } .footer-section { flex: 1; min-width: 250px; margin-bottom: 20px; } .footer-section h2, .footer-section h3, .footer-section h4 { margin-bottom: 15px; color: #ffffff; } .logo { font-size: 1.5em; font-weight: bold; margin-bottom: 15px; } .logo .eco { color: #2c8c43; } .logo .bright { color: #ff8c00; } .tagline { line-height: 1.5; margin-bottom: 20px; color: #ffffff; } .footer-section ul { list-style: none; padding: 0; } .footer-section ul li { margin-bottom: 10px; } .footer-section ul li a { text-decoration: none; color: #87a0c4; transition: color 0.3s ease; } .footer-section ul li a:hover { color: #ffffff; text-decoration: underline; } .social-icons { margin-top: 20px; display: flex; gap: 15px; } .social-icons a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: #333; color: #ccc; text-decoration: none; transition: all 0.3s ease; } .social-icons a:hover { background-color: #2c8c43; color: #ffffff; } .contact-details p { margin-bottom: 8px; color: #ccc; } .business-hours { margin-top: 20px; } .bottom-bar { text-align: center; padding: 20px; font-size: 0.9em; color: #aaa; background-color: #1b1f29; border-top: 1px solid #333; } @media (min-width: 768px) { .contact-content { flex-direction: row; } .contact-form-section { flex: 3; } .contact-info-section { flex: 2; grid-template-columns: repeat(1, 1fr); } footer { flex-direction: row; } } @media (max-width: 768px) { footer { flex-direction: column; padding: 30px 20px; text-align: left; } .footer-section { width: 100%; margin-bottom: 30px; } }