Let's Create!

Let's Create!

Contact Fusion Events - Let's Create! (Redesigned) :root { --primary-purple: #6A0DAD; --secondary-purple: #4B0082; --accent-gold: #FFD700; --accent-pink: #ff1361; --text-light: #F5F5F5; --bg-dark: #0F0F0F; } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; overflow-x: hidden; font-family: 'Poppins', sans-serif; background-color: var(--bg-dark); /* Ensure body background for full page coverage */ } .contact-header-redesigned { position: relative; width: 100%; min-height: 70vh; /* Use min-height to ensure it's at least this tall */ height: auto; /* Allow it to grow if content needs more space */ padding: 60px 20px; /* Add some padding for content */ overflow: hidden; display: flex; align-items: center; justify-content: center; text-align: center; background: linear-gradient(135deg, var(--secondary-purple) 0%, var(--bg-dark) 25%, var(--bg-dark) 75%, var(--primary-purple) 100%); } .contact-header-redesigned::before { /* Background image layer */ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('https://www.fusion-events.ca/wp-content/uploads/2025/03/Untitled-design-2025-03-03T135727.655.png'); background-size: cover; background-position: center; opacity: 0.3; /* Make image more subtle */ z-index: 1; } .contact-header-redesigned::after { /* Darkening overlay + subtle pattern/gradient */ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.6) 70%, rgba(0,0,0,0.85) 100%), radial-gradient(circle at 50% 50%, rgba(var(--primary-purple-rgb, 106, 13, 173), 0.1), transparent 70%); z-index: 2; } .contact-header-content-redesigned { position: relative; z-index: 3; text-align: center; padding: 20px; color: var(--text-light); display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 900px; /* Limit content width */ } /* 3D Text Effect for Header Title START */ .header-title-3d { display: grid; grid-template-areas: 'overlap'; place-content: center; text-transform: uppercase; margin: 0 auto 1.5rem auto; padding: 0; width: fit-content; max-width: 100%; position: relative; filter: drop-shadow(0 0 10px rgba(255, 19, 97, 0.2)) drop-shadow(0 0 20px rgba(148, 0, 211, 0.2)); animation: title-glow-hero-contact 3s ease-in-out infinite alternate; } .header-title-3d::before { content: ''; position: absolute; top: 50%; left: 50%; width: 110%; height: 110%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(255, 19, 97, 0.2) 0%, rgba(148, 0, 211, 0.15) 30%, rgba(255, 19, 97, 0.08) 60%, transparent 75%); filter: blur(25px); opacity: 0.9; z-index: -1; border-radius: 50%; animation: neon-pulse-hero-contact 4s ease-in-out infinite alternate; } .header-title-3d > div { background-clip: text; -webkit-background-clip: text; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: clamp(3rem, 8vw, 5.5rem); /* Slightly adjusted from previous */ grid-area: overlap; letter-spacing: 3px; -webkit-text-stroke: 4px transparent; animation: main-text-reveal-hero-contact 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards 0.2s; opacity: 0; line-height: 1.15; white-space: normal; text-align: center; max-width: 100%; overflow-wrap: break-word; } .header-title-3d .bg { background-image: repeating-linear-gradient(105deg, #ffb338 0%, #3e2904 5%, #ffb338 12%); color: transparent; filter: drop-shadow(4px 12px 12px black); transform: scaleY(1.03); transform-origin: top; z-index: 1; } .header-title-3d .fg { background-image: repeating-linear-gradient(5deg, #ffb338 0%, #77571d 23%, #ffb338 31%); color: transparent; z-index: 2; position: relative; } .header-title-3d .fg::before { content: "Let's Create!"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(135deg, #1e1e1e 0%, var(--secondary-purple) 20%, var(--primary-purple) 50%, var(--secondary-purple) 80%, #1e1e1e 100%); color: transparent; z-index: -1; transform: scale(0.99); filter: brightness(1.1) contrast(1.2); } .header-title-3d .fg::after { content: "Let's Create!"; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.2) 20%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.2) 40%, transparent 60%); background-size: 200% 100%; color: transparent; z-index: 1; transform: scale(0.99); filter: contrast(1.8) brightness(1.5); animation: light-sweep-hero-contact 3.9s linear infinite, main-text-reveal-hero-contact 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards 0.2s; } @keyframes main-text-reveal-hero-contact { 0% { transform: scale(0.9) translateY(20px); opacity: 0; filter: blur(15px); } 100% { transform: scale(1) translateY(0); opacity: 1; filter: blur(0); } } @keyframes light-sweep-hero-contact { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes neon-pulse-hero-contact { 0% { opacity: 0.6; filter: blur(25px); transform: translate(-50%, -50%) scale(0.95); } 100% { opacity: 0.9; filter: blur(30px); transform: translate(-50%, -50%) scale(1.05); } } @keyframes title-glow-hero-contact { 0% { filter: drop-shadow(0 0 10px rgba(255, 19, 97, 0.2)) drop-shadow(0 0 20px rgba(148, 0, 211, 0.2)); } 100% { filter: drop-shadow(0 0 15px rgba(255, 19, 97, 0.3)) drop-shadow(0 0 30px rgba(148, 0, 211, 0.3)); } } /* 3D Text Effect for Header Title END */ .header-subtitle-redesigned { font-family: 'Poppins', sans-serif; font-weight: 500; /* Slightly less bold than original */ font-size: clamp(1rem, 2.2vw, 1.35rem); color: rgba(245, 245, 245, 0.9); text-transform: uppercase; letter-spacing: 3px; /* Slightly reduced */ text-shadow: 0 1px 4px rgba(0,0,0,0.6); animation: fusion-fadeIn-hero-contact 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 1.2s; /* Delayed */ max-width: 700px; margin: 0 auto 2rem auto; /* Adjusted margin */ opacity: 0; line-height: 1.7; } /* Gold/Purple CTA Button Styling START */ .cta-button-redesigned { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 0; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: clamp(0.95rem, 2vw, 1.1rem); transition: all 0.3s ease; border: 2px solid transparent; min-width: 200px; background-image: linear-gradient(135deg, var(--primary-purple) 0%, var(--secondary-purple) 100%), linear-gradient(135deg, #e6c06e 0%, #9e7c3c 15%, #f4d589 30%, #ca9c3f 45%, #daa520 60%, #b38728 75%, #e6c06e 100%); background-origin: padding-box, border-box; background-clip: padding-box, border-box; color: var(--text-light); text-shadow: 0 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3); transform: translateY(1px); animation: fusion-fadeIn-hero-contact 0.8s cubic-bezier(0.215,0.61,0.355,1) forwards 1.7s; /* Delayed further */ opacity: 0; } .cta-button-redesigned .button-text-redesigned { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.85rem 1.9rem; position: relative; z-index: 1; text-transform: uppercase; letter-spacing: 1.5px; } .cta-button-redesigned::before { content: ''; position: absolute; top: 1px; left: 1px; right: 1px; height: calc(50% - 1px); background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.05) 70%, transparent 100%); border-radius: 48px 48px 0 0; opacity: 0.7; z-index: 0; pointer-events: none; } .cta-button-redesigned:hover { background-image: linear-gradient(135deg, var(--secondary-purple) 0%, var(--primary-purple) 100%), linear-gradient(135deg, #f4d589 0%, #daa520 15%, #f8e4a9 30%, #e6c06e 45%, var(--accent-gold) 60%, #daa520 75%, #f4d589 100%); box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), inset 0 -1px 1px rgba(0,0,0,0.5), 0 5px 20px rgba(var(--accent-gold), 0.4); transform: translateY(-2px) scale(1.03); } .cta-button-redesigned:active { box-shadow: inset 0 2px 2px rgba(0,0,0,0.5), 0 1px 2px rgba(0,0,0,0.3); transform: translateY(1px) scale(1); } /* Gold/Purple CTA Button Styling END */ @keyframes fusion-fadeIn-hero-contact { from { opacity: 0; transform: translateY(30px); filter: blur(5px); } to { opacity: 1; transform: translateY(0); filter: blur(0); } } @media (max-width: 768px) { .header-title-3d > div { font-size: clamp(2.5rem, 7vw, 4.5rem); } .header-subtitle-redesigned { font-size: clamp(0.9rem, 2vw, 1.2rem); letter-spacing: 2.5px; } .cta-button-redesigned .button-text-redesigned { padding: 0.75rem 1.6rem; font-size: 0.9rem; } } @media (max-width: 480px) { .contact-header-redesigned { min-height: 60vh; } .header-title-3d > div { font-size: clamp(2.2rem, 9vw, 3.5rem); letter-spacing: 2px; } .header-subtitle-redesigned { font-size: clamp(0.8rem, 2.5vw, 1rem); letter-spacing: 2px; max-width: 95%; } .cta-button-redesigned .button-text-redesigned { padding: 0.7rem 1.4rem; font-size: 0.85rem; } } Let's Create! Let's Create! Transform your vision into an unforgettable experience. We're ready to bring your event to life with creativity, innovation, and passion. Start Your Journey Contact Us - Fusion Events :root { --primary-purple: #6A0DAD; --secondary-purple: #4B0082; --accent-gold: #FFD700; --accent-pink: #ff1361; --text-light: #F5F5F5; --text-dark: #333333; --bg-dark: #0F0F0F; --bg-light-accent: rgba(255, 255, 255, 0.05); --border-gold-subtle: rgba(255, 215, 0, 0.3); } * { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; overflow-x: hidden; font-family: 'Poppins', sans-serif; background-color: var(--bg-dark); color: var(--text-light); } .contact-section-wrapper-redesigned { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 4rem 0; background: linear-gradient(135deg, var(--secondary-purple) 0%, var(--bg-dark) 20%, var(--bg-dark) 80%, var(--primary-purple) 100%); } .contact-container-redesigned { max-width: 1280px; margin: 0 auto; padding: 0 20px; } /* --- Section Title (3D Purple/Gold) --- */ .section-title-3d { display: grid; grid-template-areas: 'overlap'; place-content: center; text-transform: uppercase; margin: 0 auto 3rem auto; padding: 0; width: fit-content; max-width: 90%; position: relative; filter: drop-shadow(0 0 8px rgba(255, 19, 97, 0.15)) drop-shadow(0 0 15px rgba(148, 0, 211, 0.15)); animation: title-glow-contact 3s ease-in-out infinite alternate; } .section-title-3d::before { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(255, 19, 97, 0.1) 0%, rgba(148, 0, 211, 0.08) 30%, rgba(255, 19, 97, 0.03) 60%, transparent 75%); filter: blur(20px); opacity: 0.7; z-index: -1; border-radius: 50%; animation: neon-pulse-contact 4s ease-in-out infinite alternate; } .section-title-3d > div { background-clip: text; -webkit-background-clip: text; font-family: 'Poppins', sans-serif; font-weight: 900; font-size: clamp(2.5rem, 6vw, 3.8rem); /* Main title size */ grid-area: overlap; letter-spacing: 2.5px; -webkit-text-stroke: 3.5px transparent; animation: main-text-reveal-contact 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards; opacity: 0; line-height: 1.2; white-space: normal; text-align: center; } /* Smaller 3D titles */ .section-title-3d.subsection-title > div { font-size: clamp(1.6rem, 4vw, 2.2rem); /* Smaller size for subsections */ -webkit-text-stroke: 2.5px transparent; letter-spacing: 2px; } .section-title-3d.subsection-title { margin-bottom: 1.8rem; /* Adjusted margin for subsections */ } .section-title-3d .bg { background-image: repeating-linear-gradient(105deg, #ffb338 0%, #3e2904 5%, #ffb338 12%); color: transparent; filter: drop-shadow(3px 8px 8px black); transform: scaleY(1.03); transform-origin: top; z-index: 1; } .section-title-3d .fg { background-image: repeating-linear-gradient(5deg, #ffb338 0%, #77571d 23%, #ffb338 31%); color: transparent; z-index: 2; position: relative; } .section-title-3d .fg::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(135deg, #1e1e1e 0%, var(--secondary-purple) 20%, var(--primary-purple) 50%, var(--secondary-purple) 80%, #1e1e1e 100%); color: transparent; z-index: -1; transform: scale(0.99); filter: brightness(1.1) contrast(1.2); } .section-title-3d .fg::after { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-clip: text; -webkit-background-clip: text; background-image: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.2) 20%, rgba(255,255,255,0.9) 30%, rgba(255,255,255,0.2) 40%, transparent 60%); background-size: 200% 100%; color: transparent; z-index: 1; transform: scale(0.99); filter: contrast(1.8) brightness(1.5); animation: light-sweep-contact 3.9s linear infinite, main-text-reveal-contact 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards; } @keyframes main-text-reveal-contact { 0% { transform: scale(0.9); opacity: 0; filter: blur(10px); } 100% { transform: scale(1); opacity: 1; filter: blur(0); } } @keyframes light-sweep-contact { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes neon-pulse-contact { 0% { opacity: 0.4; filter: blur(20px); transform: translate(-50%, -50%) scale(0.95); } 100% { opacity: 0.7; filter: blur(25px); transform: translate(-50%, -50%) scale(1.05); } } @keyframes title-glow-contact { 0% { filter: drop-shadow(0 0 8px rgba(255, 19, 97, 0.15)) drop-shadow(0 0 15px rgba(148, 0, 211, 0.15)); } 100% { filter: drop-shadow(0 0 12px rgba(255, 19, 97, 0.25)) drop-shadow(0 0 25px rgba(148, 0, 211, 0.25)); } } .contact-intro-text { text-align: center; font-size: clamp(1rem, 2vw, 1.15rem); color: rgba(245, 245, 245, 0.85); max-width: 700px; margin: -2rem auto 3rem auto; line-height: 1.7; } /* --- Two Column Layout --- */ .contact-columns-redesigned { display: flex; flex-wrap: wrap; gap: 2.5rem; margin-bottom: 3rem; } .contact-column-left-redesigned, .contact-column-right-redesigned { flex: 1; min-width: 300px; /* Ensure columns don't get too narrow */ padding: 2rem; border-radius: 15px; border: 1px solid var(--border-gold-subtle); background: linear-gradient(145deg, rgba(40, 0, 70, 0.6), rgba(20, 0, 40, 0.7)); box-shadow: 0 8px 25px rgba(0,0,0,0.4); } /* Left Column: Contact Info */ /* .contact-info-redesigned h3 (Replaced by .section-title-3d.subsection-title) */ .contact-info-redesigned p { font-size: 1rem; line-height: 1.8; margin-bottom: 1.2rem; color: rgba(245, 245, 245, 0.9); } .contact-info-redesigned a { color: var(--accent-pink); text-decoration: none; font-weight: 600; transition: color 0.3s ease, text-shadow 0.3s ease; } .contact-info-redesigned a:hover { color: #ff6b9d; text-shadow: 0 0 8px rgba(255,19,97,0.5); } .contact-detail { margin-bottom: 1rem; display: flex; align-items: center; } .contact-detail svg { width: 24px; height: 24px; margin-right: 12px; fill: var(--accent-gold); /* Keep SVGs gold for now, or make them purple? */ } /* Right Column: Contact Form */ /* Agile Form Styles */ .agile-form-container { width: 100%; } .form-group { margin-bottom: 1.2rem; } .form-group label { display: block; font-size: 0.9rem; font-weight: 600; margin-bottom: 0.5rem; color: rgba(245, 245, 245, 0.9); letter-spacing: 0.5px; } .form-group label.required:after { content: "*"; color: var(--accent-pink); margin-left: 5px; } .form-control { width: 100%; padding: 0.9rem 1rem; font-size: 1rem; border: 1px solid var(--border-gold-subtle); border-radius: 8px; background: var(--bg-light-accent); color: var(--text-light); transition: all 0.3s ease; font-family: 'Poppins', sans-serif; } .form-control:focus { outline: none; border-color: var(--accent-gold); background-color: white; color: var(--text-dark); box-shadow: 0 0 10px rgba(255, 215, 0, 0.3); } .form-control::placeholder { color: rgba(245, 245, 245, 0.6); } textarea.form-control { min-height: 120px; resize: vertical; } /* Select styles */ .form-select { appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' 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 15px center; background-size: 15px; } .form-select:focus { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333333' 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"); } /* Active state for form fields - white background with dark text */ .form-control:not(:placeholder-shown) { background-color: white; color: var(--text-dark); } /* Form Row */ .form-row { display: flex; flex-direction: row; gap: 1.5rem; margin-bottom: 1.2rem; } .form-row .form-group { flex: 1; margin-bottom: 0; } /* Radio buttons */ .form-radio-group { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 0.5rem; } .radio-container { display: flex; align-items: center; cursor: pointer; padding: 6px 0; } .radio-container input[type="radio"] { position: absolute; opacity: 0; } .radio-container .radio-mark { position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--border-gold-subtle); margin-right: 10px; transition: all 0.3s; } .radio-container input[type="radio"]:checked + .radio-mark { border-color: var(--accent-pink); box-shadow: 0 0 10px rgba(255, 19, 97, 0.4); } .radio-container input[type="radio"]:checked + .radio-mark:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: linear-gradient(135deg, var(--accent-pink), var(--primary-purple)); } /* Select styles */ .form-select { appearance: none; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' 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 15px center; background-size: 15px; } /* Date group */ .date-group { display: flex; gap: 15px; } .date-group select { flex: 1; } /* Submit Button */ .submit-btn-redesigned { position: relative; display: inline-block; padding: 0.9rem 2rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1rem; transition: all 0.3s ease; border: 2px solid transparent; background-image: linear-gradient(135deg, var(--primary-purple) 0%, var(--secondary-purple) 100%), linear-gradient(135deg, #e6c06e 0%, #9e7c3c 15%, #f4d589 30%, #ca9c3f 45%, var(--accent-gold) 60%, #b38728 75%, #e6c06e 100%); background-origin: padding-box, border-box; background-clip: padding-box, border-box; color: var(--text-light); text-shadow: 0 1px 1px rgba(0,0,0,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.2), inset 0 -1px 1px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.3); cursor: pointer; width: 100%; text-transform: uppercase; letter-spacing: 1px; } .submit-btn-redesigned:hover { background-image: linear-gradient(135deg, var(--secondary-purple) 0%, var(--primary-purple) 100%), linear-gradient(135deg, #f4d589 0%, var(--accent-gold) 15%, #f8e4a9 30%, #e6c06e 45%, #ffd700 60%, var(--accent-gold) 75%, #f4d589 100%); box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), inset 0 -1px 1px rgba(0,0,0,0.5), 0 5px 20px rgba(var(--accent-gold), 0.4); transform: translateY(-2px); } /* reCAPTCHA styling */ .g-recaptcha { display: inline-block; margin: 20px 0; } /* Center reCAPTCHA in its container */ .g-recaptcha > div { margin: 0 auto; } .recaptcha-container { text-align: center; margin-bottom: 1.5rem; } /* --- Social Icons Section --- */ .social-icons-redesigned { display: flex; justify-content: center; gap: 1.2rem; margin: 1.5rem 0 0.5rem; } .social-icon-redesigned { display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: var(--bg-light-accent); border: 1px solid var(--border-gold-subtle); color: var(--accent-gold); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; text-decoration: none; } .social-icon-redesigned svg { width: 22px; height: 22px; fill: currentColor; } .social-icon-redesigned:hover { background: var(--accent-gold); color: var(--primary-purple); border-color: var(--accent-gold); transform: scale(1.1) translateY(-3px); box-shadow: 0 5px 15px rgba(255,215,0,0.3); } /* --- Map Section --- */ .map-section-redesigned { padding: 2rem; text-align: center; background: rgba(0,0,0,0.2); border-radius: 15px; border: 1px solid var(--border-gold-subtle); } .map-embed-redesigned { width: 100%; height: 450px; /* Default height from user */ border-radius: 10px; overflow: hidden; /* To ensure border-radius applies to iframe */ } .map-embed-redesigned iframe { width: 100%; height: 100%; border: 0; border-radius: 10px; /* Match container for consistency */ } /* Responsive Adjustments */ @media (max-width: 992px) { .contact-column-left-redesigned, .contact-column-right-redesigned { padding: 1.5rem; } .form-row { flex-direction: column; gap: 1.2rem; } } @media (max-width: 768px) { .contact-columns-redesigned { flex-direction: column; gap: 2rem; } .section-title-3d > div { font-size: clamp(2rem, 7vw, 3rem); } .section-title-3d.subsection-title > div { font-size: clamp(1.4rem, 5vw, 2rem); } .contact-intro-text { margin-bottom: 2rem; } .form-radio-group { flex-direction: column; gap: 0.5rem; } .date-group { flex-direction: column; gap: 1rem; } } Get In Touch Get In Touch We're thrilled to hear from you! Whether you have a question, a brilliant idea, or just want to say hello, this is the place. Let's connect and create something amazing together. Contact Information Contact Information Our team is ready to help you plan your perfect event. Reach out directly or use the form, and we'll get back to you promptly. 416-825-4938 info@fusion-events.ca Toronto, ON, Canada (And Beyond!) We operate globally to bring top-tier entertainment and event solutions wherever you are. Follow Us Follow Us Let's Create Something Amazing Let's Create Something Amazing Subject Name Email Phone Number Budget Range Preferred Contact Method Phone Email Text Event Date Day 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 Month Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec Year 2025 2026 2027 2028 2029 Additional Details Connect With Us Find Us Find Us document.addEventListener('DOMContentLoaded', function() { // Section title data-text attribute initialization document.querySelectorAll('.section-title-3d').forEach(function(heading) { const mainText = heading.querySelector('.fg').getAttribute('data-text'); heading.querySelectorAll('.bg, .fg').forEach(function(layer) { layer.setAttribute('data-text', mainText); }); }); // Function to prepare date value window.prepareDateTypeValue = function() { const day = document.getElementById('choose-date-agilefield-3').value; const month = document.getElementById('choose-month-agilefield-3').value; const year = document.getElementById('choose-year-agilefield-3').value; if (day && month && year) { const dateValue = `Event Date: ${day}-${month}-${year}`; document.getElementById('date-hiddeninput-agilefield-3').value = dateValue; } }; // Function to handle radio buttons for contact method const radioButtons = document.querySelectorAll('input[name="contact_method"]'); const hiddenInput = document.getElementById('contact_method_hidden'); radioButtons.forEach(function(radio) { radio.addEventListener('change', function() { hiddenInput.value = "Preferred Contact Method: " + this.value; }); }); // Form submission handling document.getElementById('agile-form').addEventListener('submit', function(e) { // Make sure date is prepared before submission prepareDateTypeValue(); // The reCAPTCHA validation will be handled by the form submission automatically return true; }); });

Let's Create!

Let's Create!

uREQUEST LIVE

CHRIS TURNER

YAN MARKSON