{"id":1191,"date":"2026-09-14T07:17:38","date_gmt":"2026-09-14T07:17:38","guid":{"rendered":"https:\/\/revoltcap.com\/?page_id=1191"},"modified":"2026-09-14T07:21:36","modified_gmt":"2026-09-14T07:21:36","slug":"contact","status":"publish","type":"page","link":"https:\/\/revoltcap.com\/contact\/","title":{"rendered":"CONTACT"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1191\" class=\"elementor elementor-1191\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e3815b e-con e-atomic-element e-flexbox-base e-default-div e-223f5cc \" data-id=\"7e3815b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7e3815b\">\n    \t\t<div class=\"elementor-element elementor-element-aa39123 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"aa39123\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n    <title>Contact Us | Revolt Caps<\/title>\r\n\r\n    <!-- Google Fonts -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <!-- Bootstrap -->\r\n    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.3\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Font Awesome -->\r\n    <link rel=\"stylesheet\"\r\n          href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\">\r\n\r\n    <style>\r\n\r\n        \/* =====================================================\r\n           ROOT\r\n        ===================================================== *\/\r\n\r\n        :root {\r\n            --black: #0b0b0b;\r\n            --dark: #111111;\r\n            --dark-2: #181818;\r\n            --white: #ffffff;\r\n            --light: #f6f6f4;\r\n            --gray: #777777;\r\n            --border: #e8e8e8;\r\n            --accent: #c89b3c;\r\n            --accent-dark: #a77b24;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            font-family: \"DM Sans\", sans-serif;\r\n            background: #fff;\r\n            color: var(--dark);\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            display: block;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n        }\r\n\r\n        \/* =====================================================\r\n           COMMON\r\n        ===================================================== *\/\r\n\r\n        .container-custom {\r\n            width: min(1380px, 92%);\r\n            margin: auto;\r\n        }\r\n\r\n        .section-padding {\r\n            padding: 100px 0;\r\n        }\r\n\r\n        .section-label {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            color: var(--accent);\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 18px;\r\n        }\r\n\r\n        .section-label::before {\r\n            content: \"\";\r\n            width: 35px;\r\n            height: 1px;\r\n            background: var(--accent);\r\n        }\r\n\r\n        .section-title {\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: clamp(40px, 5vw, 68px);\r\n            line-height: 1.05;\r\n            font-weight: 600;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .section-text {\r\n            color: var(--gray);\r\n            line-height: 1.9;\r\n            font-size: 16px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           HERO\r\n        ===================================================== *\/\r\n\r\n        .contact-hero {\r\n            position: relative;\r\n            min-height: 620px;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n\r\n            background:\r\n                linear-gradient(\r\n                    90deg,\r\n                    rgba(0,0,0,.82),\r\n                    rgba(0,0,0,.55),\r\n                    rgba(0,0,0,.20)\r\n                ),\r\n                url(\"images\/revolt-caps-contact.jpg\")\r\n                center\/cover no-repeat;\r\n        }\r\n\r\n        .contact-hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 850px;\r\n            color: #fff;\r\n        }\r\n\r\n        .hero-label {\r\n            display: inline-block;\r\n            color: var(--accent);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: 4px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .contact-hero h1 {\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: clamp(52px, 7vw, 100px);\r\n            line-height: .98;\r\n            font-weight: 500;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .contact-hero h1 span {\r\n            color: var(--accent);\r\n        }\r\n\r\n        .contact-hero p {\r\n            max-width: 650px;\r\n            color: rgba(255,255,255,.78);\r\n            font-size: 18px;\r\n            line-height: 1.8;\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .hero-buttons {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            gap: 15px;\r\n        }\r\n\r\n        .btn-main {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            min-height: 52px;\r\n            padding: 0 27px;\r\n            background: var(--accent);\r\n            color: #fff;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: .5px;\r\n            transition: .35s ease;\r\n        }\r\n\r\n        .btn-main:hover {\r\n            background: #fff;\r\n            color: var(--dark);\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        .btn-outline {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            min-height: 52px;\r\n            padding: 0 27px;\r\n            border: 1px solid rgba(255,255,255,.5);\r\n            color: #fff;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            transition: .35s ease;\r\n        }\r\n\r\n        .btn-outline:hover {\r\n            background: #fff;\r\n            color: var(--dark);\r\n            border-color: #fff;\r\n            transform: translateY(-4px);\r\n        }\r\n\r\n        \/* =====================================================\r\n           CONTACT INFO\r\n        ===================================================== *\/\r\n\r\n        .contact-info-section {\r\n            background: var(--light);\r\n        }\r\n\r\n        .info-card {\r\n            position: relative;\r\n            height: 100%;\r\n            background: #fff;\r\n            padding: 38px 32px;\r\n            border: 1px solid var(--border);\r\n            overflow: hidden;\r\n            transition: .4s ease;\r\n        }\r\n\r\n        .info-card::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 4px;\r\n            height: 0;\r\n            background: var(--accent);\r\n            transition: .4s ease;\r\n        }\r\n\r\n        .info-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 25px 55px rgba(0,0,0,.09);\r\n        }\r\n\r\n        .info-card:hover::before {\r\n            height: 100%;\r\n        }\r\n\r\n        .info-icon {\r\n            width: 62px;\r\n            height: 62px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: var(--dark);\r\n            color: var(--accent);\r\n            font-size: 21px;\r\n            margin-bottom: 25px;\r\n            transition: .4s ease;\r\n        }\r\n\r\n        .info-card:hover .info-icon {\r\n            background: var(--accent);\r\n            color: #fff;\r\n            transform: rotateY(180deg);\r\n        }\r\n\r\n        .info-card h3 {\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: 25px;\r\n            margin-bottom: 13px;\r\n        }\r\n\r\n        .info-card p {\r\n            color: var(--gray);\r\n            font-size: 14px;\r\n            line-height: 1.8;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .info-card a {\r\n            display: inline-block;\r\n            color: var(--dark);\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            margin-top: 8px;\r\n            transition: .3s ease;\r\n        }\r\n\r\n        .info-card a:hover {\r\n            color: var(--accent);\r\n            padding-left: 5px;\r\n        }\r\n\r\n        \/* =====================================================\r\n           CONTACT FORM\r\n        ===================================================== *\/\r\n\r\n        .contact-form-section {\r\n            background: #fff;\r\n        }\r\n\r\n        .form-wrapper {\r\n            background: var(--light);\r\n            padding: clamp(30px, 5vw, 65px);\r\n        }\r\n\r\n        .form-heading {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        .form-heading h2 {\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: clamp(35px, 4vw, 52px);\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .form-heading p {\r\n            color: var(--gray);\r\n            line-height: 1.8;\r\n            max-width: 650px;\r\n        }\r\n\r\n        .form-group {\r\n            margin-bottom: 22px;\r\n        }\r\n\r\n        .form-label {\r\n            display: block;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 9px;\r\n        }\r\n\r\n        .form-control-custom,\r\n        .form-select-custom {\r\n            width: 100%;\r\n            min-height: 55px;\r\n            border: 1px solid #ddd;\r\n            background: #fff;\r\n            padding: 14px 16px;\r\n            outline: none;\r\n            font-family: inherit;\r\n            font-size: 14px;\r\n            color: #222;\r\n            transition: .3s ease;\r\n        }\r\n\r\n        textarea.form-control-custom {\r\n            min-height: 145px;\r\n            resize: vertical;\r\n        }\r\n\r\n        .form-control-custom:focus,\r\n        .form-select-custom:focus {\r\n            border-color: var(--accent);\r\n            box-shadow: 0 0 0 3px rgba(200,155,60,.08);\r\n        }\r\n\r\n        .form-control-custom::placeholder {\r\n            color: #aaa;\r\n        }\r\n\r\n        .submit-btn {\r\n            width: 100%;\r\n            min-height: 56px;\r\n            border: none;\r\n            background: var(--dark);\r\n            color: #fff;\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            letter-spacing: 1px;\r\n            text-transform: uppercase;\r\n            cursor: pointer;\r\n            transition: .35s ease;\r\n        }\r\n\r\n        .submit-btn:hover {\r\n            background: var(--accent);\r\n            transform: translateY(-3px);\r\n        }\r\n\r\n        \/* =====================================================\r\n           FORM IMAGE\r\n        ===================================================== *\/\r\n\r\n        .form-image {\r\n            height: 100%;\r\n            min-height: 620px;\r\n            background:\r\n                linear-gradient(\r\n                    rgba(0,0,0,.15),\r\n                    rgba(0,0,0,.25)\r\n                ),\r\n                url(\"images\/revolt-caps-office.jpg\")\r\n                center\/cover no-repeat;\r\n            position: relative;\r\n        }\r\n\r\n        .image-caption {\r\n            position: absolute;\r\n            left: 35px;\r\n            right: 35px;\r\n            bottom: 35px;\r\n            background: rgba(0,0,0,.75);\r\n            backdrop-filter: blur(10px);\r\n            padding: 28px;\r\n            color: #fff;\r\n        }\r\n\r\n        .image-caption span {\r\n            color: var(--accent);\r\n            font-size: 11px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .image-caption h3 {\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: 29px;\r\n            margin-top: 10px;\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .image-caption p {\r\n            color: rgba(255,255,255,.7);\r\n            font-size: 13px;\r\n            line-height: 1.7;\r\n            margin: 0;\r\n        }\r\n\r\n        \/* =====================================================\r\n           BUSINESS HOURS\r\n        ===================================================== *\/\r\n\r\n        .hours-section {\r\n            background: var(--dark);\r\n            color: #fff;\r\n        }\r\n\r\n        .hours-section .section-title {\r\n            color: #fff;\r\n        }\r\n\r\n        .hours-section .section-text {\r\n            color: rgba(255,255,255,.65);\r\n        }\r\n\r\n        .hours-box {\r\n            border-top: 1px solid rgba(255,255,255,.15);\r\n        }\r\n\r\n        .hours-row {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 18px 0;\r\n            border-bottom: 1px solid rgba(255,255,255,.12);\r\n            font-size: 14px;\r\n        }\r\n\r\n        .hours-row span:first-child {\r\n            color: rgba(255,255,255,.7);\r\n        }\r\n\r\n        .hours-row span:last-child {\r\n            color: #fff;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .open-status {\r\n            color: var(--accent) !important;\r\n        }\r\n\r\n        \/* =====================================================\r\n           MAP\r\n        ===================================================== *\/\r\n\r\n        .map-section {\r\n            padding: 0;\r\n        }\r\n\r\n        .map-wrapper {\r\n            width: 100%;\r\n            height: 450px;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .map-wrapper iframe {\r\n            width: 100%;\r\n            height: 100%;\r\n            border: 0;\r\n            filter: grayscale(100%);\r\n            transition: .5s ease;\r\n        }\r\n\r\n        .map-wrapper:hover iframe {\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        \/* =====================================================\r\n           CTA\r\n        ===================================================== *\/\r\n\r\n        .final-cta {\r\n            position: relative;\r\n            padding: 110px 20px;\r\n            text-align: center;\r\n            background:\r\n                linear-gradient(\r\n                    rgba(0,0,0,.84),\r\n                    rgba(0,0,0,.84)\r\n                ),\r\n                url(\"images\/revolt-caps-banner.jpg\")\r\n                center\/cover no-repeat;\r\n            color: #fff;\r\n        }\r\n\r\n        .final-cta .section-label {\r\n            justify-content: center;\r\n        }\r\n\r\n        .final-cta h2 {\r\n            max-width: 850px;\r\n            margin: auto auto 20px;\r\n            font-family: \"Playfair Display\", serif;\r\n            font-size: clamp(40px, 6vw, 72px);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .final-cta p {\r\n            max-width: 650px;\r\n            margin: 0 auto 32px;\r\n            color: rgba(255,255,255,.7);\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* =====================================================\r\n           WHATSAPP FLOAT\r\n        ===================================================== *\/\r\n\r\n        .whatsapp-button {\r\n            position: fixed;\r\n            right: 25px;\r\n            bottom: 25px;\r\n            width: 58px;\r\n            height: 58px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background: #25d366;\r\n            color: #fff;\r\n            border-radius: 50%;\r\n            font-size: 27px;\r\n            z-index: 999;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,.2);\r\n            transition: .3s ease;\r\n        }\r\n\r\n        .whatsapp-button:hover {\r\n            color: #fff;\r\n            transform: scale(1.12);\r\n        }\r\n\r\n        .whatsapp-tooltip {\r\n            position: absolute;\r\n            right: 72px;\r\n            white-space: nowrap;\r\n            background: var(--dark);\r\n            color: #fff;\r\n            padding: 9px 13px;\r\n            font-size: 11px;\r\n            opacity: 0;\r\n            visibility: hidden;\r\n            transition: .3s ease;\r\n        }\r\n\r\n        .whatsapp-button:hover .whatsapp-tooltip {\r\n            opacity: 1;\r\n            visibility: visible;\r\n        }\r\n\r\n        \/* =====================================================\r\n           REVEAL ANIMATION\r\n        ===================================================== *\/\r\n\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(35px);\r\n            transition: opacity .8s ease, transform .8s ease;\r\n        }\r\n\r\n        .reveal.show {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        \/* =====================================================\r\n           TABLET\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 991px) {\r\n\r\n            .section-padding {\r\n                padding: 75px 0;\r\n            }\r\n\r\n            .contact-hero {\r\n                min-height: 560px;\r\n            }\r\n\r\n            .form-image {\r\n                min-height: 500px;\r\n            }\r\n\r\n            .info-card {\r\n                padding: 30px 25px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =====================================================\r\n           MOBILE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 767px) {\r\n\r\n            .container-custom {\r\n                width: 90%;\r\n            }\r\n\r\n            .section-padding {\r\n                padding: 60px 0;\r\n            }\r\n\r\n            .contact-hero {\r\n                min-height: 650px;\r\n                background-position: 60% center;\r\n            }\r\n\r\n            .contact-hero h1 {\r\n                font-size: clamp(45px, 14vw, 65px);\r\n            }\r\n\r\n            .contact-hero p {\r\n                font-size: 15px;\r\n            }\r\n\r\n            .hero-buttons {\r\n                flex-direction: column;\r\n                align-items: stretch;\r\n            }\r\n\r\n            .btn-main,\r\n            .btn-outline {\r\n                width: 100%;\r\n            }\r\n\r\n            .form-wrapper {\r\n                padding: 30px 20px;\r\n            }\r\n\r\n            .form-image {\r\n                min-height: 430px;\r\n            }\r\n\r\n            .image-caption {\r\n                left: 20px;\r\n                right: 20px;\r\n                bottom: 20px;\r\n                padding: 20px;\r\n            }\r\n\r\n            .map-wrapper {\r\n                height: 350px;\r\n            }\r\n\r\n            .final-cta {\r\n                padding: 75px 20px;\r\n            }\r\n\r\n        }\r\n\r\n        \/* =====================================================\r\n           SMALL MOBILE\r\n        ===================================================== *\/\r\n\r\n        @media (max-width: 480px) {\r\n\r\n            .section-title {\r\n                font-size: 38px;\r\n            }\r\n\r\n            .contact-hero {\r\n                min-height: 620px;\r\n            }\r\n\r\n            .contact-hero h1 {\r\n                font-size: 46px;\r\n            }\r\n\r\n            .contact-hero p {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .info-card {\r\n                padding: 27px 22px;\r\n            }\r\n\r\n            .info-icon {\r\n                width: 55px;\r\n                height: 55px;\r\n            }\r\n\r\n            .hours-row {\r\n                font-size: 13px;\r\n            }\r\n\r\n            .whatsapp-button {\r\n                right: 17px;\r\n                bottom: 17px;\r\n                width: 53px;\r\n                height: 53px;\r\n                font-size: 24px;\r\n            }\r\n\r\n        }\r\n\r\n        @media (max-width: 360px) {\r\n\r\n            .contact-hero h1 {\r\n                font-size: 41px;\r\n            }\r\n\r\n            .section-title {\r\n                font-size: 34px;\r\n            }\r\n\r\n            .form-wrapper {\r\n                padding: 25px 16px;\r\n            }\r\n\r\n        }\r\n\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n<!-- =====================================================\r\n     CONTACT HERO\r\n===================================================== -->\r\n\r\n<section class=\"contact-hero\">\r\n\r\n    <div class=\"container-custom\">\r\n\r\n        <div class=\"contact-hero-content reveal\">\r\n\r\n            <span class=\"hero-label\">\r\n                Revolt Caps\r\n            <\/span>\r\n\r\n            <h1>\r\n                Let's Create<br>\r\n                <span>Something Bold.<\/span>\r\n            <\/h1>\r\n\r\n            <p>\r\n                Looking for premium custom caps, promotional headwear,\r\n                private-label manufacturing or bulk production?\r\n                Connect with the Revolt Caps team and let's discuss\r\n                your requirements.\r\n            <\/p>\r\n\r\n            <div class=\"hero-buttons\">\r\n\r\n                <a href=\"#contact-form\" class=\"btn-main\">\r\n                    Start Your Enquiry\r\n                    <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n                <a href=\"tel:+919137652587\" class=\"btn-outline\">\r\n                    <i class=\"fa-solid fa-phone\"><\/i>\r\n                    Call Us\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     CONTACT INFORMATION\r\n===================================================== -->\r\n\r\n<section class=\"contact-info-section section-padding\">\r\n\r\n    <div class=\"container-custom\">\r\n\r\n        <div class=\"text-center mb-5 reveal\">\r\n\r\n            <span class=\"section-label\">\r\n                Get In Touch\r\n            <\/span>\r\n\r\n            <h2 class=\"section-title\">\r\n                We're Here To Help.\r\n            <\/h2>\r\n\r\n            <p class=\"section-text mx-auto mt-3\"\r\n               style=\"max-width:700px;\">\r\n\r\n                Whether you need a small custom order or large-scale\r\n                cap manufacturing, our team is ready to understand\r\n                your requirements and provide the right solution.\r\n\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"row g-4\">\r\n\r\n            <!-- PHONE -->\r\n\r\n            <div class=\"col-lg-4 col-md-6 reveal\">\r\n\r\n                <div class=\"info-card\">\r\n\r\n                    <div class=\"info-icon\">\r\n                        <i class=\"fa-solid fa-phone\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Call Us\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Speak directly with our team.\r\n                    <\/p>\r\n\r\n                    <a href=\"tel:+919137652587\">\r\n                        +91 91376 52587\r\n                        <i class=\"fa-solid fa-arrow-right ms-2\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- EMAIL -->\r\n\r\n            <div class=\"col-lg-4 col-md-6 reveal\">\r\n\r\n                <div class=\"info-card\">\r\n\r\n                    <div class=\"info-icon\">\r\n                        <i class=\"fa-regular fa-envelope\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Email Us\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Send your requirements and enquiries.\r\n                    <\/p>\r\n\r\n                    <a href=\"mailto:info@revoltcaps.com\">\r\n                        info@revoltcaps.com\r\n                        <i class=\"fa-solid fa-arrow-right ms-2\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- LOCATION -->\r\n\r\n            <div class=\"col-lg-4 col-md-6 reveal\">\r\n\r\n                <div class=\"info-card\">\r\n\r\n                    <div class=\"info-icon\">\r\n                        <i class=\"fa-solid fa-location-dot\"><\/i>\r\n                    <\/div>\r\n\r\n                    <h3>\r\n                        Our Location\r\n                    <\/h3>\r\n\r\n                    <p>\r\n                        Visit us for product discussions,\r\n                        sampling and manufacturing enquiries.\r\n                    <\/p>\r\n\r\n                    <a href=\"#location\">\r\n                        View Location\r\n                        <i class=\"fa-solid fa-arrow-right ms-2\"><\/i>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     CONTACT FORM\r\n===================================================== -->\r\n\r\n<section class=\"contact-form-section section-padding\"\r\n         id=\"contact-form\">\r\n\r\n    <div class=\"container-custom\">\r\n\r\n        <div class=\"row g-0 align-items-stretch\">\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"col-lg-5 reveal\">\r\n\r\n                <div class=\"form-image\">\r\n\r\n                    <div class=\"image-caption\">\r\n\r\n                        <span>\r\n                            Custom Manufacturing\r\n                        <\/span>\r\n\r\n                        <h3>\r\n                            Built For Your Brand.\r\n                        <\/h3>\r\n\r\n                        <p>\r\n                            From concept and design to production\r\n                            and delivery, tell us what you need.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FORM -->\r\n\r\n            <div class=\"col-lg-7 reveal\">\r\n\r\n                <div class=\"form-wrapper\">\r\n\r\n                    <div class=\"form-heading\">\r\n\r\n                        <span class=\"section-label\">\r\n                            Send Enquiry\r\n                        <\/span>\r\n\r\n                        <h2>\r\n                            Tell Us About<br>\r\n                            Your Project.\r\n                        <\/h2>\r\n\r\n                        <p>\r\n                            Complete the form below and our team\r\n                            will get back to you regarding your\r\n                            cap manufacturing or customisation\r\n                            requirements.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <form id=\"revoltContactForm\">\r\n\r\n\r\n                        <div class=\"row\">\r\n\r\n                            <!-- NAME -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Full Name *\r\n                                    <\/label>\r\n\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        class=\"form-control-custom\"\r\n                                        name=\"name\"\r\n                                        placeholder=\"Enter your name\"\r\n                                        required\r\n                                    >\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- PHONE -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Phone Number *\r\n                                    <\/label>\r\n\r\n                                    <input\r\n                                        type=\"tel\"\r\n                                        class=\"form-control-custom\"\r\n                                        name=\"phone\"\r\n                                        placeholder=\"+91 XXXXX XXXXX\"\r\n                                        required\r\n                                    >\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- EMAIL -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Email Address *\r\n                                    <\/label>\r\n\r\n                                    <input\r\n                                        type=\"email\"\r\n                                        class=\"form-control-custom\"\r\n                                        name=\"email\"\r\n                                        placeholder=\"your@email.com\"\r\n                                        required\r\n                                    >\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- COMPANY -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Company Name\r\n                                    <\/label>\r\n\r\n                                    <input\r\n                                        type=\"text\"\r\n                                        class=\"form-control-custom\"\r\n                                        name=\"company\"\r\n                                        placeholder=\"Company name\"\r\n                                    >\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- SERVICE -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Enquiry Type *\r\n                                    <\/label>\r\n\r\n                                    <select\r\n                                        class=\"form-select-custom\"\r\n                                        name=\"service\"\r\n                                        required>\r\n\r\n                                        <option value=\"\">\r\n                                            Select enquiry type\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Custom Caps\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Bulk Cap Manufacturing\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Private Label\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Promotional Caps\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Corporate Caps\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Custom Branding\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Other\r\n                                        <\/option>\r\n\r\n                                    <\/select>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- QUANTITY -->\r\n\r\n                            <div class=\"col-md-6\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Approx. Quantity\r\n                                    <\/label>\r\n\r\n                                    <select\r\n                                        class=\"form-select-custom\"\r\n                                        name=\"quantity\">\r\n\r\n                                        <option value=\"\">\r\n                                            Select quantity\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            Below 100\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            100 \u2013 500\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            500 \u2013 1,000\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            1,000 \u2013 5,000\r\n                                        <\/option>\r\n\r\n                                        <option>\r\n                                            5,000+\r\n                                        <\/option>\r\n\r\n                                    <\/select>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- MESSAGE -->\r\n\r\n                            <div class=\"col-12\">\r\n\r\n                                <div class=\"form-group\">\r\n\r\n                                    <label class=\"form-label\">\r\n                                        Your Requirement *\r\n                                    <\/label>\r\n\r\n                                    <textarea\r\n                                        class=\"form-control-custom\"\r\n                                        name=\"message\"\r\n                                        placeholder=\"Tell us about your cap style, quantity, branding, colours, timeline or other requirements...\"\r\n                                        required><\/textarea>\r\n\r\n                                <\/div>\r\n\r\n                            <\/div>\r\n\r\n\r\n                            <!-- SUBMIT -->\r\n\r\n                            <div class=\"col-12\">\r\n\r\n                                <button\r\n                                    type=\"submit\"\r\n                                    class=\"submit-btn\">\r\n\r\n                                    Send Enquiry\r\n\r\n                                    <i class=\"fa-solid fa-arrow-right ms-2\"><\/i>\r\n\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/form>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     BUSINESS HOURS\r\n===================================================== -->\r\n\r\n<section class=\"hours-section section-padding\">\r\n\r\n    <div class=\"container-custom\">\r\n\r\n        <div class=\"row align-items-center g-5\">\r\n\r\n            <div class=\"col-lg-6 reveal\">\r\n\r\n                <span class=\"section-label\">\r\n                    Availability\r\n                <\/span>\r\n\r\n                <h2 class=\"section-title\">\r\n                    Let's Talk<br>\r\n                    About Your Caps.\r\n                <\/h2>\r\n\r\n                <p class=\"section-text mt-4\">\r\n\r\n                    Our team is available to discuss product\r\n                    specifications, custom branding, bulk orders,\r\n                    manufacturing requirements and project timelines.\r\n\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"col-lg-5 offset-lg-1 reveal\">\r\n\r\n                <div class=\"hours-box\">\r\n\r\n                    <div class=\"hours-row\">\r\n\r\n                        <span>\r\n                            Monday \u2013 Friday\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            10:00 AM \u2013 7:00 PM\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hours-row\">\r\n\r\n                        <span>\r\n                            Saturday\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            10:00 AM \u2013 5:00 PM\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hours-row\">\r\n\r\n                        <span>\r\n                            Sunday\r\n                        <\/span>\r\n\r\n                        <span>\r\n                            Closed\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"hours-row\">\r\n\r\n                        <span>\r\n                            Enquiries\r\n                        <\/span>\r\n\r\n                        <span class=\"open-status\">\r\n                            Available Online\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     MAP\r\n===================================================== -->\r\n\r\n<section class=\"map-section\" id=\"location\">\r\n\r\n    <div class=\"map-wrapper\">\r\n\r\n        <!-- Replace the Google Maps embed URL with your exact\r\n             Revolt Caps business location -->\r\n\r\n        <iframe\r\n            src=\"https:\/\/www.google.com\/maps?q=Mumbai%2C%20India&output=embed\"\r\n            loading=\"lazy\"\r\n            allowfullscreen>\r\n        <\/iframe>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     FINAL CTA\r\n===================================================== -->\r\n\r\n<section class=\"final-cta\">\r\n\r\n    <div class=\"container-custom reveal\">\r\n\r\n        <span class=\"section-label\">\r\n            Revolt Caps\r\n        <\/span>\r\n\r\n        <h2>\r\n            Your Brand Deserves\r\n            A Cap That Stands Out.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Start your next custom cap project with Revolt Caps.\r\n            Share your requirements and let's turn your idea\r\n            into premium headwear.\r\n        <\/p>\r\n\r\n        <a href=\"#contact-form\" class=\"btn-main\">\r\n\r\n            Start Your Project\r\n\r\n            <i class=\"fa-solid fa-arrow-right\"><\/i>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     WHATSAPP\r\n===================================================== -->\r\n\r\n<a\r\n    href=\"https:\/\/wa.me\/919137652587?text=Hello%20Revolt%20Caps%2C%20I%20am%20interested%20in%20your%20custom%20cap%20manufacturing%20services.\"\r\n    class=\"whatsapp-button\"\r\n    target=\"_blank\"\r\n    aria-label=\"WhatsApp Revolt Caps\">\r\n\r\n    <span class=\"whatsapp-tooltip\">\r\n        Chat on WhatsApp\r\n    <\/span>\r\n\r\n    <i class=\"fa-brands fa-whatsapp\"><\/i>\r\n\r\n<\/a>\r\n\r\n\r\n\r\n<!-- =====================================================\r\n     JAVASCRIPT\r\n===================================================== -->\r\n\r\n<script>\r\n\r\n    \/* =================================================\r\n       SCROLL REVEAL\r\n    ================================================= *\/\r\n\r\n    const revealElements =\r\n        document.querySelectorAll(\".reveal\");\r\n\r\n\r\n    const revealObserver =\r\n        new IntersectionObserver(\r\n\r\n            function(entries, observer) {\r\n\r\n                entries.forEach(function(entry) {\r\n\r\n                    if (entry.isIntersecting) {\r\n\r\n                        entry.target.classList.add(\"show\");\r\n\r\n                        observer.unobserve(entry.target);\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            },\r\n\r\n            {\r\n                threshold: 0.12\r\n            }\r\n\r\n        );\r\n\r\n\r\n    revealElements.forEach(function(element) {\r\n\r\n        revealObserver.observe(element);\r\n\r\n    });\r\n\r\n\r\n\r\n    \/* =================================================\r\n       CONTACT FORM\r\n    ================================================= *\/\r\n\r\n    document\r\n        .getElementById(\"revoltContactForm\")\r\n        .addEventListener(\"submit\", function(e) {\r\n\r\n            e.preventDefault();\r\n\r\n            const form = this;\r\n\r\n            const name =\r\n                form.querySelector('[name=\"name\"]').value.trim();\r\n\r\n            const phone =\r\n                form.querySelector('[name=\"phone\"]').value.trim();\r\n\r\n            const email =\r\n                form.querySelector('[name=\"email\"]').value.trim();\r\n\r\n            const service =\r\n                form.querySelector('[name=\"service\"]').value;\r\n\r\n            const quantity =\r\n                form.querySelector('[name=\"quantity\"]').value;\r\n\r\n            const message =\r\n                form.querySelector('[name=\"message\"]').value.trim();\r\n\r\n\r\n            if (!name || !phone || !email || !service || !message) {\r\n\r\n                alert(\"Please fill all required fields.\");\r\n\r\n                return;\r\n\r\n            }\r\n\r\n\r\n            \/* WhatsApp enquiry *\/\r\n\r\n            const whatsappMessage =\r\n\r\n                \"Hello Revolt Caps,%0A%0A\" +\r\n\r\n                \"*New Website Enquiry*%0A%0A\" +\r\n\r\n                \"Name: \" + encodeURIComponent(name) + \"%0A\" +\r\n\r\n                \"Phone: \" + encodeURIComponent(phone) + \"%0A\" +\r\n\r\n                \"Email: \" + encodeURIComponent(email) + \"%0A\" +\r\n\r\n                \"Company: \" +\r\n                encodeURIComponent(\r\n                    form.querySelector('[name=\"company\"]').value\r\n                ) + \"%0A\" +\r\n\r\n                \"Enquiry Type: \" +\r\n                encodeURIComponent(service) + \"%0A\" +\r\n\r\n                \"Quantity: \" +\r\n                encodeURIComponent(quantity) + \"%0A%0A\" +\r\n\r\n                \"Requirement:%0A\" +\r\n                encodeURIComponent(message);\r\n\r\n\r\n            window.open(\r\n                \"https:\/\/wa.me\/919137652587?text=\" +\r\n                whatsappMessage,\r\n                \"_blank\"\r\n            );\r\n\r\n        });\r\n\r\n\r\n\r\n    \/* =================================================\r\n       SMOOTH SCROLL\r\n    ================================================= *\/\r\n\r\n    document.querySelectorAll('a[href^=\"#\"]').forEach(function(anchor) {\r\n\r\n        anchor.addEventListener(\"click\", function(e) {\r\n\r\n            const target =\r\n                document.querySelector(this.getAttribute(\"href\"));\r\n\r\n            if (target) {\r\n\r\n                e.preventDefault();\r\n\r\n                target.scrollIntoView({\r\n                    behavior: \"smooth\"\r\n                });\r\n\r\n            }\r\n\r\n        });\r\n\r\n    });\r\n\r\n<\/script>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t\n    <div class=\"xs_social_share_widget xs_share_url after_content \t\tmain_content  wslu-style-1 wslu-share-box-shaped wslu-fill-colored wslu-none wslu-share-horizontal wslu-theme-font-no wslu-main_content\">\n\n\t\t\n        <ul>\n\t\t\t        <\/ul>\n    <\/div> \n","protected":false},"excerpt":{"rendered":"<p>Contact Us | Revolt Caps Revolt Caps Let&#8217;s Create Something Bold. Looking for premium custom caps, promotional headwear, private-label manufacturing [&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":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","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":"default","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":"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":"","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-4)","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-4)","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-4)","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-1191","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/pages\/1191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/comments?post=1191"}],"version-history":[{"count":4,"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/pages\/1191\/revisions"}],"predecessor-version":[{"id":1196,"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/pages\/1191\/revisions\/1196"}],"wp:attachment":[{"href":"https:\/\/revoltcap.com\/wp-json\/wp\/v2\/media?parent=1191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}