{"id":68,"date":"2026-01-10T11:18:18","date_gmt":"2026-01-10T11:18:18","guid":{"rendered":"https:\/\/mascot-event.com\/?page_id=68"},"modified":"2026-01-10T11:20:12","modified_gmt":"2026-01-10T11:20:12","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/mascot-event.com\/?page_id=68","title":{"rendered":"Contact Us"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d26d8e e-con-full e-flex e-con e-parent\" data-id=\"3d26d8e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a1557da elementor-widget elementor-widget-html\" data-id=\"a1557da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n    \/* --- SCOPED CSS SYSTEM (Matches Home & About) --- *\/\r\n    #mascot-master-container {\r\n        font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;\r\n        color: #333;\r\n        line-height: 1.6;\r\n        background: #fff;\r\n        width: 100%;\r\n        overflow-x: hidden;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #mascot-master-container * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- VARIABLES --- *\/\r\n    :root {\r\n        --m-red: #D72638;\r\n        --m-orange: #F49D37;\r\n        --m-dark: #121212;\r\n        --m-gray: #f8f9fa;\r\n        --m-white: #ffffff;\r\n    }\r\n\r\n    \/* --- TYPOGRAPHY --- *\/\r\n    #mascot-master-container h1, \r\n    #mascot-master-container h2, \r\n    #mascot-master-container h3, \r\n    #mascot-master-container h4 {\r\n        margin: 0 0 15px 0;\r\n        font-weight: 700;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .m-heading-xl { font-size: clamp(2.5rem, 6vw, 4.5rem); text-transform: uppercase; letter-spacing: -1px; }\r\n    .m-heading-lg { font-size: clamp(2rem, 4vw, 3rem); color: var(--m-dark); }\r\n    .m-heading-md { font-size: 1.5rem; color: var(--m-dark); }\r\n    \r\n    .m-accent-text {\r\n        color: var(--m-red);\r\n        font-weight: bold;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-size: 0.9rem;\r\n        display: block;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    \/* --- LAYOUT UTILS --- *\/\r\n    .m-section { padding: 80px 20px; position: relative; }\r\n    .m-bg-light { background-color: var(--m-gray); }\r\n    .m-bg-dark { background-color: var(--m-dark); color: white; }\r\n    \r\n    .m-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        width: 100%;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .m-grid-contact { \r\n        display: grid; \r\n        grid-template-columns: 1fr 1.2fr; \/* Info smaller, Form wider *\/\r\n        gap: 60px; \r\n    }\r\n\r\n    \/* --- 1. HERO SECTION --- *\/\r\n    .contact-hero {\r\n        min-height: 50vh;\r\n        background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1596524430615-b46475ddff6e?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80');\r\n        background-size: cover;\r\n        background-position: center;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        color: white;\r\n    }\r\n\r\n    \/* --- 2. CONTACT INFO CARDS --- *\/\r\n    .contact-info-box {\r\n        background: white;\r\n        padding: 30px;\r\n        border-radius: 10px;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n        margin-bottom: 30px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 20px;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    .contact-info-box:hover { transform: translateY(-5px); box-shadow: 0 15px 40px rgba(0,0,0,0.1); }\r\n\r\n    .c-icon {\r\n        width: 50px; height: 50px;\r\n        background: var(--m-gray);\r\n        color: var(--m-red);\r\n        border-radius: 50%;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 1.2rem;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .contact-info-box:hover .c-icon { background: var(--m-red); color: white; }\r\n\r\n    \/* --- 3. FORM STYLING --- *\/\r\n    .mascot-form-wrapper {\r\n        background: white;\r\n        padding: 50px;\r\n        border-radius: 15px;\r\n        box-shadow: 0 20px 60px rgba(0,0,0,0.08);\r\n        border-top: 5px solid var(--m-orange);\r\n    }\r\n\r\n    .m-input-group { margin-bottom: 20px; }\r\n    \r\n    .m-label {\r\n        display: block;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n        font-size: 0.9rem;\r\n        color: #555;\r\n    }\r\n\r\n    .m-input, .m-textarea {\r\n        width: 100%;\r\n        padding: 15px;\r\n        border: 1px solid #ddd;\r\n        border-radius: 5px;\r\n        font-family: inherit;\r\n        font-size: 1rem;\r\n        transition: 0.3s;\r\n        background: #fcfcfc;\r\n    }\r\n\r\n    .m-input:focus, .m-textarea:focus {\r\n        outline: none;\r\n        border-color: var(--m-red);\r\n        background: white;\r\n    }\r\n\r\n    .m-textarea { resize: vertical; min-height: 120px; }\r\n\r\n    .m-submit-btn {\r\n        width: 100%;\r\n        background: var(--m-red);\r\n        color: white;\r\n        padding: 18px;\r\n        border: none;\r\n        border-radius: 50px;\r\n        font-weight: bold;\r\n        font-size: 1rem;\r\n        text-transform: uppercase;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .m-submit-btn:hover { background: var(--m-dark); }\r\n\r\n    \/* --- 4. CITIES GRID --- *\/\r\n    .city-pill {\r\n        display: inline-block;\r\n        padding: 8px 20px;\r\n        margin: 5px;\r\n        background: white;\r\n        border: 1px solid #eee;\r\n        border-radius: 50px;\r\n        font-size: 0.9rem;\r\n        color: #555;\r\n        transition: 0.3s;\r\n    }\r\n    .city-pill:hover { background: var(--m-red); color: white; border-color: var(--m-red); }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 900px) {\r\n        .m-grid-contact { grid-template-columns: 1fr; gap: 40px; }\r\n        .mascot-form-wrapper { padding: 30px; }\r\n        .contact-hero h1 { font-size: 2.5rem; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"mascot-master-container\">\r\n\r\n    <section class=\"contact-hero\">\r\n        <div class=\"m-container\">\r\n            <span class=\"m-accent-text\" style=\"color: var(--m-orange);\">Get In Touch<\/span>\r\n            <h1 class=\"m-heading-xl\" style=\"color: white; margin-bottom: 20px;\">Contact Us<\/h1>\r\n            <p style=\"color: white; font-size: 1.2rem; opacity: 0.9;\">\r\n                Ready to plan your next event? We are available Whenever, Wherever.\r\n            <\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"m-section m-bg-light\">\r\n        <div class=\"m-container\">\r\n            <div class=\"m-grid-contact\">\r\n                \r\n                <div>\r\n                    <span class=\"m-accent-text\">Reach Out<\/span>\r\n                    <h2 class=\"m-heading-lg\" style=\"margin-bottom: 30px;\">Let's discuss your project.<\/h2>\r\n                    <p style=\"margin-bottom: 40px;\">Whether it's a corporate roadshow, a brand activation, or a personal wedding event, our team is ready to assist you with zest and zeal.<\/p>\r\n\r\n                    <div class=\"contact-info-box\">\r\n                        <div class=\"c-icon\">\ud83d\udcde<\/div>\r\n                        <div>\r\n                            <h4 style=\"margin: 0; font-size: 1.1rem;\">Call Us<\/h4>\r\n                            <p style=\"margin: 0; color: #666; font-size: 0.95rem;\">+91 98765 43210<\/p>\r\n                            <p style=\"margin: 0; color: #666; font-size: 0.95rem;\">+91 12345 67890<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-info-box\">\r\n                        <div class=\"c-icon\">\u2709\ufe0f<\/div>\r\n                        <div>\r\n                            <h4 style=\"margin: 0; font-size: 1.1rem;\">Email Us<\/h4>\r\n                            <p style=\"margin: 0; color: #666; font-size: 0.95rem;\">info@mascotevents.com<\/p>\r\n                            <p style=\"margin: 0; color: #666; font-size: 0.95rem;\">support@mascotevents.com<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"contact-info-box\">\r\n                        <div class=\"c-icon\">\ud83d\udccd<\/div>\r\n                        <div>\r\n                            <h4 style=\"margin: 0; font-size: 1.1rem;\">Head Office<\/h4>\r\n                            <p style=\"margin: 0; color: #666; font-size: 0.95rem;\">123, Mascot Event Plaza,<br>Near Business Hub, Mumbai, India.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div>\r\n                    <div class=\"mascot-form-wrapper\">\r\n                        <h3 style=\"margin-bottom: 25px;\">Send a Message<\/h3>\r\n                        \r\n                        <form action=\"#\" method=\"POST\">\r\n                            <div class=\"m-input-group\">\r\n                                <label class=\"m-label\">Your Name<\/label>\r\n                                <input type=\"text\" class=\"m-input\" placeholder=\"Enter your full name\">\r\n                            <\/div>\r\n                            \r\n                            <div class=\"m-input-group\">\r\n                                <label class=\"m-label\">Phone Number<\/label>\r\n                                <input type=\"tel\" class=\"m-input\" placeholder=\"+91 XXXXX XXXXX\">\r\n                            <\/div>\r\n\r\n                            <div class=\"m-input-group\">\r\n                                <label class=\"m-label\">Service Interested In<\/label>\r\n                                <select class=\"m-input\">\r\n                                    <option>Select a Service...<\/option>\r\n                                    <option>Brand Activation<\/option>\r\n                                    <option>Corporate Event<\/option>\r\n                                    <option>Exhibition Stall<\/option>\r\n                                    <option>Wedding \/ Personal<\/option>\r\n                                    <option>Other<\/option>\r\n                                <\/select>\r\n                            <\/div>\r\n\r\n                            <div class=\"m-input-group\">\r\n                                <label class=\"m-label\">Message<\/label>\r\n                                <textarea class=\"m-textarea\" placeholder=\"Tell us about your event requirements...\"><\/textarea>\r\n                            <\/div>\r\n\r\n                            <button type=\"submit\" class=\"m-submit-btn\">Send Enquiry<\/button>\r\n                        <\/form>\r\n\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"m-section\" style=\"text-align: center;\">\r\n        <div class=\"m-container\">\r\n            <span class=\"m-accent-text\">Pan India<\/span>\r\n            <h2 class=\"m-heading-lg\" style=\"margin-bottom: 40px;\">Our Presence<\/h2>\r\n            \r\n            <div style=\"max-width: 900px; margin: 0 auto;\">\r\n                <span class=\"city-pill\">Ahmedabad<\/span>\r\n                <span class=\"city-pill\">Surat<\/span>\r\n                <span class=\"city-pill\">Baroda<\/span>\r\n                <span class=\"city-pill\">Kolkata<\/span>\r\n                <span class=\"city-pill\">Mumbai<\/span>\r\n                <span class=\"city-pill\">Pune<\/span>\r\n                <span class=\"city-pill\">Indore<\/span>\r\n                <span class=\"city-pill\">Bhopal<\/span>\r\n                <span class=\"city-pill\">Ranchi<\/span>\r\n                <span class=\"city-pill\">Bhubaneshwar<\/span>\r\n                <span class=\"city-pill\">Hyderabad<\/span>\r\n                <span class=\"city-pill\">Delhi<\/span>\r\n                <span class=\"city-pill\">Agra<\/span>\r\n                <span class=\"city-pill\">Jaipur<\/span>\r\n                <span class=\"city-pill\">Goa<\/span>\r\n                <span class=\"city-pill\">Patna<\/span>\r\n                <span class=\"city-pill\">Chattisgarh<\/span>\r\n                <span class=\"city-pill\">Uttarakhand<\/span>\r\n                <span class=\"city-pill\">Bangalore<\/span>\r\n                <span class=\"city-pill\">Chennai<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"m-section m-bg-dark\" style=\"text-align: center;\">\r\n        <div class=\"m-container\">\r\n            <h2 class=\"m-heading-lg\" style=\"color: white;\">Whenever Wherever at Your Service Forever<\/h2>\r\n            <p style=\"color: #aaa;\">We look forward to creating memories with you.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get In Touch Contact Us Ready to plan your next event? We are available Whenever, Wherever. Reach Out Let&#8217;s discuss your project. Whether it&#8217;s a corporate roadshow, a brand activation, or a personal wedding event, our team is ready to assist you with zest and zeal. \ud83d\udcde Call Us +91 98765 43210 +91 12345 67890 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mascot-event.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":4,"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":72,"href":"https:\/\/mascot-event.com\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/72"}],"wp:attachment":[{"href":"https:\/\/mascot-event.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}