{"id":2162,"date":"2025-10-18T13:10:51","date_gmt":"2025-10-18T13:10:51","guid":{"rendered":"https:\/\/tan-skunk-830226.hostingersite.com\/contact\/"},"modified":"2025-10-25T06:43:43","modified_gmt":"2025-10-25T06:43:43","slug":"contact","status":"publish","type":"page","link":"https:\/\/batterwali.in\/?page_id=2162","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2162\" class=\"elementor elementor-2162\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cfd29e e-flex e-con-boxed e-con e-parent\" data-id=\"8cfd29e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26839b4 elementor-widget elementor-widget-html\" data-id=\"26839b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  .contact-form-wrapper {\r\n    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n    max-width: 650px;\r\n    margin: 40px auto;\r\n    padding: 40px;\r\n    background: #fff;\r\n    border-radius: 16px;\r\n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\r\n    transition: all 0.4s ease;\r\n  }\r\n\r\n  .contact-form-wrapper:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 15px 50px rgba(102, 126, 234, 0.25);\r\n  }\r\n\r\n  .contact-form-wrapper h2 {\r\n    text-align: center;\r\n    color: #333;\r\n    margin-bottom: 35px;\r\n    font-size: 32px;\r\n    font-weight: 700;\r\n    background: linear-gradient(90deg, #667eea, #764ba2);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  .contact-form-wrapper .form-group {\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  .contact-form-wrapper label {\r\n    display: block;\r\n    color: #2c3e50;\r\n    font-weight: 600;\r\n    margin-bottom: 8px;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.5px;\r\n  }\r\n\r\n  .contact-form-wrapper .required {\r\n    color: #e74c3c;\r\n  }\r\n\r\n  .contact-form-wrapper input[type=\"text\"],\r\n  .contact-form-wrapper input[type=\"email\"],\r\n  .contact-form-wrapper input[type=\"tel\"],\r\n  .contact-form-wrapper select,\r\n  .contact-form-wrapper textarea {\r\n    width: 100%;\r\n    padding: 12px 15px;\r\n    border: 2px solid #e0e0e0;\r\n    border-radius: 8px;\r\n    font-size: 15px;\r\n    font-family: inherit;\r\n    background-color: #f8f9fa;\r\n    transition: all 0.3s ease;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .contact-form-wrapper input[type=\"text\"]:hover,\r\n  .contact-form-wrapper input[type=\"email\"]:hover,\r\n  .contact-form-wrapper input[type=\"tel\"]:hover,\r\n  .contact-form-wrapper select:hover,\r\n  .contact-form-wrapper textarea:hover {\r\n    border-color: #667eea;\r\n    background-color: #fff;\r\n    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.1);\r\n  }\r\n\r\n  .contact-form-wrapper input:focus,\r\n  .contact-form-wrapper select:focus,\r\n  .contact-form-wrapper textarea:focus {\r\n    outline: none;\r\n    border-color: #667eea;\r\n    background-color: #fff;\r\n    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15);\r\n  }\r\n\r\n  .contact-form-wrapper select {\r\n    background-color: #f8f9fa;\r\n    cursor: pointer;\r\n    appearance: none;\r\n    background-image: url('data:image\/svg+xml;utf8,<svg fill=\"%23667eea\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M7 10l5 5 5-5z\"\/><\/svg>');\r\n    background-repeat: no-repeat;\r\n    background-position: right 12px center;\r\n    padding-right: 38px;\r\n  }\r\n\r\n  .contact-form-wrapper select:hover {\r\n    background-color: #fff;\r\n  }\r\n\r\n  .contact-form-wrapper textarea {\r\n    resize: vertical;\r\n    min-height: 130px;\r\n    font-family: inherit;\r\n  }\r\n\r\n  .contact-form-wrapper button {\r\n    width: 100%;\r\n    padding: 14px 20px;\r\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n    color: white;\r\n    border: none;\r\n    border-radius: 8px;\r\n    font-size: 16px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.8px;\r\n    cursor: pointer;\r\n    transition: all 0.4s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n    margin-top: 10px;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .contact-form-wrapper button span {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .contact-form-wrapper button::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: -100%;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba(255, 255, 255, 0.2);\r\n    transition: left 0.4s ease;\r\n    z-index: 1;\r\n  }\r\n\r\n  .contact-form-wrapper button:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 30px rgba(102, 126, 234, 0.4);\r\n  }\r\n\r\n  .contact-form-wrapper button:hover::before {\r\n    left: 100%;\r\n  }\r\n\r\n  .contact-form-wrapper button:active {\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  .envelope-icon {\r\n    font-size: 18px;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .contact-form-wrapper button:hover .envelope-icon {\r\n    transform: rotate(10deg) scale(1.1);\r\n  }\r\n\r\n  .contact-form-wrapper button.loading {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  .contact-form-wrapper button.loading span {\r\n    opacity: 0;\r\n  }\r\n\r\n  .contact-form-wrapper button.loading::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    border: 3px solid rgba(255, 255, 255, 0.3);\r\n    border-top: 3px solid #fff;\r\n    border-radius: 50%;\r\n    width: 20px;\r\n    height: 20px;\r\n    animation: spin 0.8s linear infinite;\r\n  }\r\n\r\n  @keyframes spin {\r\n    from {\r\n      transform: translate(-50%, -50%) rotate(0deg);\r\n    }\r\n    to {\r\n      transform: translate(-50%, -50%) rotate(360deg);\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .contact-form-wrapper {\r\n      padding: 30px 20px;\r\n    }\r\n\r\n    .contact-form-wrapper h2 {\r\n      font-size: 28px;\r\n      margin-bottom: 25px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .contact-form-wrapper {\r\n      padding: 20px 15px;\r\n    }\r\n\r\n    .contact-form-wrapper h2 {\r\n      font-size: 24px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"contact-form-wrapper\">\r\n  <h2>\ud83d\udcec Contact Us<\/h2>\r\n  <form method=\"POST\" action=\"https:\/\/formsubmit.co\/v9256107@gmail.com\" onsubmit=\"handleSubmit(event)\">\r\n    <input type=\"hidden\" name=\"_subject\" value=\"New Contact Form Submission\">\r\n    <input type=\"hidden\" name=\"_captcha\" value=\"false\">\r\n    <input type=\"hidden\" name=\"_template\" value=\"table\">\r\n\r\n    <div class=\"form-group\">\r\n      <label>Full Name <span class=\"required\">*<\/span><\/label>\r\n      <input type=\"text\" name=\"fullname\" placeholder=\"Enter your full name\" required>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label>Gender <span class=\"required\">*<\/span><\/label>\r\n      <select name=\"gender\" required>\r\n        <option value=\"\">Select your gender<\/option>\r\n        <option>Male<\/option>\r\n        <option>Female<\/option>\r\n        <option>Other<\/option>\r\n        <option>Prefer not to say<\/option>\r\n      <\/select>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label>Phone Number <span class=\"required\">*<\/span><\/label>\r\n      <input type=\"tel\" name=\"phone\" placeholder=\"Enter your phone number\" required>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label>Email <span class=\"required\">*<\/span><\/label>\r\n      <input type=\"email\" name=\"email\" placeholder=\"Enter your email address\" required>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n      <label>Message <span class=\"required\">*<\/span><\/label>\r\n      <textarea name=\"message\" placeholder=\"Type your message here...\" required><\/textarea>\r\n    <\/div>\r\n\r\n    <button type=\"submit\">\r\n      <span><span class=\"envelope-icon\">\ud83d\udce8<\/span> Send Message<\/span>\r\n    <\/button>\r\n  <\/form>\r\n<\/div>\r\n\r\n<script>\r\n  function handleSubmit(e) {\r\n    const btn = e.target.querySelector('button');\r\n    btn.classList.add('loading');\r\n  }\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\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>\ud83d\udcec Contact Us Full Name * Gender * Select your genderMaleFemaleOtherPrefer not to say Phone Number * Email * Message * \ud83d\udce8 Send Message<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2162","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"v9256107@gmail.com","author_link":"https:\/\/batterwali.in\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"\ud83d\udcec Contact Us Full Name * Gender * Select your genderMaleFemaleOtherPrefer not to say Phone Number * Email * Message * \ud83d\udce8 Send Message","_links":{"self":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2162","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/batterwali.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2162"}],"version-history":[{"count":12,"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2162\/revisions"}],"predecessor-version":[{"id":4098,"href":"https:\/\/batterwali.in\/index.php?rest_route=\/wp\/v2\/pages\/2162\/revisions\/4098"}],"wp:attachment":[{"href":"https:\/\/batterwali.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2162"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}