{"id":285,"date":"2026-08-10T08:35:35","date_gmt":"2026-08-10T08:35:35","guid":{"rendered":"https:\/\/simplatecgoa.com\/?page_id=285"},"modified":"2026-08-11T07:03:27","modified_gmt":"2026-08-11T07:03:27","slug":"elementor-285","status":"publish","type":"page","link":"https:\/\/simplatecgoa.com\/?page_id=285","title":{"rendered":"Get a Quote"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"285\" class=\"elementor elementor-285\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3675340 e-con-full e-flex e-con e-parent\" data-id=\"3675340\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ba30559 e-con-full oval-blur e-flex e-con e-child\" data-id=\"ba30559\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f75632 elementor-widget elementor-widget-heading\" data-id=\"7f75632\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Request a Quote<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe27255 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"fe27255\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Tell us what you need. We'll\u00a0quote it properly.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebc6120 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"ebc6120\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>No online pricing games \u2014 every business quote is built to your actual requirement, from authorised stock, by people who&#8217;ll support it afterwards.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d781e49 e-con-full e-flex e-con e-parent\" data-id=\"d781e49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48dbfe2 elementor-widget elementor-widget-html\" data-id=\"48dbfe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     GOOGLE FONT\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Gabarito:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<!-- =========================================================\r\n     QUOTE PAGE\r\n========================================================= -->\r\n\r\n<div class=\"quote-page\">\r\n\r\n    <div class=\"quote-layout\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT COLUMN\r\n        ================================================== -->\r\n\r\n        <div class=\"quote-left\">\r\n\r\n\r\n            <!-- =================================================\r\n                 QUOTE LIST\r\n            ================================================== -->\r\n\r\n            <div class=\"quote-card quote-list-card\">\r\n\r\n                <div class=\"quote-card-header\">\r\n\r\n                    <h2>Your quote list<\/h2>\r\n\r\n                    <span class=\"quote-item-count\">\r\n                        <span id=\"quote-count\">2<\/span> items\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"quote-items\" id=\"quote-items\">\r\n\r\n\r\n                    <!-- ITEM 1 -->\r\n\r\n                    <div class=\"quote-item\">\r\n\r\n                        <div class=\"quote-item-name\">\r\n\r\n                            <label>Item Name<\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                value=\"HP ProBook 450 G10\"\r\n                                placeholder=\"Eg: HP ProBook 450 G10\"\r\n                                name=\"item_name[]\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-quantity\">\r\n\r\n                            <button type=\"button\" class=\"qty-minus\">\u2212<\/button>\r\n\r\n                            <span class=\"qty-number\">02<\/span>\r\n\r\n                            <button type=\"button\" class=\"qty-plus\">+<\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"delete-item\"\r\n                            aria-label=\"Delete item\">\r\n                            \ud83d\uddd1\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <!-- ITEM 2 -->\r\n\r\n                    <div class=\"quote-item\">\r\n\r\n                        <div class=\"quote-item-name\">\r\n\r\n                            <label>Item Name<\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                placeholder=\"Eg: HP ProBook 450 G10\"\r\n                                name=\"item_name[]\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-quantity\">\r\n\r\n                            <button type=\"button\" class=\"qty-minus\">\u2212<\/button>\r\n\r\n                            <span class=\"qty-number\">01<\/span>\r\n\r\n                            <button type=\"button\" class=\"qty-plus\">+<\/button>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <button\r\n                            type=\"button\"\r\n                            class=\"delete-item\"\r\n                            aria-label=\"Delete item\">\r\n                            \ud83d\uddd1\r\n                        <\/button>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"add-item\"\r\n                    id=\"add-item\">\r\n\r\n                    + Add more items\r\n\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 YOUR DETAILS\r\n            ================================================== -->\r\n\r\n            <div class=\"quote-card details-card\">\r\n\r\n\r\n                <div class=\"quote-card-header details-header\">\r\n\r\n                    <div>\r\n\r\n                        <h2>Your details<\/h2>\r\n\r\n                        <p>\r\n                            So we can scope it properly and get back to you fast.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"details-form\">\r\n\r\n\r\n                    <!-- ROW 1 -->\r\n\r\n                    <div class=\"quote-form-row\">\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-name\">\r\n                                Your Name\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"quote-name\"\r\n                                placeholder=\"Eg: David Noronha\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-mobile\">\r\n                                Mobile (WhatsApp)\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"tel\"\r\n                                id=\"quote-mobile\"\r\n                                placeholder=\"+91\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- ROW 2 -->\r\n\r\n                    <div class=\"quote-form-row\">\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-email\">\r\n                                Your Email\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"email\"\r\n                                id=\"quote-email\"\r\n                                placeholder=\"Eg: david@email.com\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-org\">\r\n                                Your Organisation\r\n                            <\/label>\r\n\r\n                            <input\r\n                                type=\"text\"\r\n                                id=\"quote-org\"\r\n                                placeholder=\"Eg: Inertia Co LTD\"\r\n                            >\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- ROW 3 -->\r\n\r\n                    <div class=\"quote-form-row\">\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-sector\">\r\n                                Your sector\r\n                            <\/label>\r\n\r\n                            <select id=\"quote-sector\">\r\n\r\n                                <option>Business &amp; Enterprise<\/option>\r\n                                <option>Education<\/option>\r\n                                <option>Healthcare<\/option>\r\n                                <option>Hospitality<\/option>\r\n                                <option>Government<\/option>\r\n                                <option>Other<\/option>\r\n\r\n                            <\/select>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-location\">\r\n                                Location\r\n                            <\/label>\r\n\r\n                            <select id=\"quote-location\">\r\n\r\n                                <option>North Goa<\/option>\r\n                                <option>South Goa<\/option>\r\n                                <option>Panaji<\/option>\r\n                                <option>Vasco<\/option>\r\n                                <option>Margao<\/option>\r\n                                <option>Other<\/option>\r\n\r\n                            <\/select>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- ROW 4 -->\r\n\r\n                    <div class=\"quote-form-row\">\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label for=\"quote-purpose\">\r\n                                What's this for?\r\n                            <\/label>\r\n\r\n                            <select id=\"quote-purpose\">\r\n\r\n                                <option>Bulk hardware order<\/option>\r\n                                <option>New office setup<\/option>\r\n                                <option>IT infrastructure<\/option>\r\n                                <option>Networking<\/option>\r\n                                <option>IT support<\/option>\r\n                                <option>Other<\/option>\r\n\r\n                            <\/select>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"quote-field\">\r\n\r\n                            <label>\r\n                                When do you need it?\r\n                            <\/label>\r\n\r\n                            <div class=\"need-options\">\r\n\r\n                                <button\r\n                                    type=\"button\"\r\n                                    class=\"need-option active\">\r\n                                    ASAP\r\n                                <\/button>\r\n\r\n                                <button\r\n                                    type=\"button\"\r\n                                    class=\"need-option\">\r\n                                    Within 2 weeks\r\n                                <\/button>\r\n\r\n                                <button\r\n                                    type=\"button\"\r\n                                    class=\"need-option\">\r\n                                    This month\r\n                                <\/button>\r\n\r\n                                <button\r\n                                    type=\"button\"\r\n                                    class=\"need-option\">\r\n                                    This quarter\r\n                                <\/button>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- BUDGET -->\r\n\r\n                    <div class=\"quote-field full-field\">\r\n\r\n                        <label for=\"quote-budget\">\r\n                            Indicative budget (optional)\r\n                        <\/label>\r\n\r\n                        <select id=\"quote-budget\">\r\n\r\n                            <option>Prefer not to say<\/option>\r\n                            <option>Under \u20b950,000<\/option>\r\n                            <option>\u20b950,000 \u2013 \u20b91 Lakh<\/option>\r\n                            <option>\u20b91 Lakh \u2013 \u20b95 Lakh<\/option>\r\n                            <option>\u20b95 Lakh+<\/option>\r\n\r\n                        <\/select>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- MESSAGE -->\r\n\r\n                    <div class=\"quote-field full-field\">\r\n\r\n                        <label for=\"quote-message\">\r\n                            Tell us more\r\n                        <\/label>\r\n\r\n                        <textarea\r\n                            id=\"quote-message\"\r\n                            placeholder=\"Eg: Now 20-seat office in Verna. Need workstations, a firewall, structured cabling and Wi-Fi. Moving in by end of next month.\"\r\n                        ><\/textarea>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- UPLOAD -->\r\n\r\n                    <div class=\"quote-field full-field\">\r\n\r\n                        <label>\r\n                            Attach a spec or BOQ (optional)\r\n                        <\/label>\r\n\r\n                        <label class=\"upload-box\">\r\n\r\n                            <input\r\n                                type=\"file\"\r\n                                id=\"quote-file\"\r\n                                accept=\".pdf,.xlsx,.xls,.doc,.docx\"\r\n                            >\r\n\r\n                            <span class=\"upload-icon\">\r\n                                \u21e7\r\n                            <\/span>\r\n\r\n                            <span class=\"upload-text\">\r\n                                Drop a file or click to upload\r\n                            <\/span>\r\n\r\n                            <span class=\"upload-types\">\r\n                                PDF, XLSX, DOCX \u00b7 up to 10 MB\r\n                            <\/span>\r\n\r\n                        <\/label>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <!-- SUBMIT -->\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"quote-submit\"\r\n                        id=\"quote-submit\">\r\n\r\n                        Send Quote Request\r\n\r\n                    <\/button>\r\n\r\n\r\n                    <div class=\"quote-footer-note\">\r\n\r\n                        We'll confirm availability and get back within a business day.\r\n                        Prefer to talk?\r\n\r\n                        <a href=\"#\">\r\n                            WhatsApp us instead.\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\r\n\r\n        <!-- =================================================\r\n             RIGHT COLUMN\r\n        ================================================== -->\r\n\r\n        <div class=\"quote-right\">\r\n\r\n\r\n            <!-- WHAT HAPPENS NEXT -->\r\n\r\n            <div class=\"side-card next-card\">\r\n\r\n                <h3>\r\n                    What happens next\r\n                <\/h3>\r\n\r\n\r\n                <div class=\"next-step\">\r\n\r\n                    <strong>\r\n                        We read it properly\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        A person reviews your requirement \u2014 not an auto-responder.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"next-step\">\r\n\r\n                    <strong>\r\n                        We check &amp; confirm\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        Availability and specs verified with our authorised partners.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"next-step\">\r\n\r\n                    <strong>\r\n                        You get a real quote\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        Priced to your volume and spec, within a business day.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"next-step\">\r\n\r\n                    <strong>\r\n                        We support it after\r\n                    <\/strong>\r\n\r\n                    <p>\r\n                        Deployment and AMC if you need it \u2014 we don't disappear.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- WHATSAPP -->\r\n\r\n            <div class=\"whatsapp-card\">\r\n\r\n                <div class=\"whatsapp-icon\">\r\n                    <span>\u260e<\/span>\r\n                <\/div>\r\n\r\n                <h3>\r\n                    In a hurry?\r\n                <\/h3>\r\n\r\n                <p>\r\n                    Send your list on WhatsApp \u2014 often the fastest way to get a quote moving.\r\n                <\/p>\r\n\r\n                <a\r\n                    href=\"https:\/\/wa.me\/917020775082\"\r\n                    target=\"_blank\"\r\n                    rel=\"noopener\"\r\n                    class=\"whatsapp-button\">\r\n\r\n                    Start a chat\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- WHY US -->\r\n\r\n            <div class=\"why-card\">\r\n\r\n                <h3>\r\n                    Why businesses quote<br>\r\n                    with us\r\n                <\/h3>\r\n\r\n                <ul>\r\n\r\n                    <li>112+ authorised brands<\/li>\r\n                    <li>Genuine stock, no grey market<\/li>\r\n                    <li>Trusted by Goa's institutions<\/li>\r\n                    <li>Honest advice, fair pricing<\/li>\r\n                    <li>Local support after the sale<\/li>\r\n\r\n                <\/ul>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   GLOBAL RESET\r\n========================================================= *\/\r\n\r\n.quote-page,\r\n.quote-page * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n.quote-page {\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Gabarito\", sans-serif !important;\r\n\r\n    color: #333333;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n========================================================= *\/\r\n\r\n.quote-layout {\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: none !important;\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: minmax(0, 1fr) 260px;\r\n\r\n    gap: 24px;\r\n\r\n    align-items: start;\r\n\r\n}\r\n\r\n\r\n.quote-left,\r\n.quote-right {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMMON CARD\r\n========================================================= *\/\r\n\r\n.quote-card,\r\n.side-card {\r\n\r\n    width: 100%;\r\n\r\n    background: #ffffff;\r\n\r\n    border: 1px solid #c9c9c9;\r\n\r\n    border-radius: 14px;\r\n\r\n    overflow: hidden;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE LIST\r\n========================================================= *\/\r\n\r\n.quote-list-card {\r\n\r\n    margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.quote-card-header {\r\n\r\n    min-height: 58px;\r\n\r\n    padding: 0 22px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    border-bottom: 1px solid #d6d6d6;\r\n\r\n}\r\n\r\n\r\n.quote-card-header h2 {\r\n\r\n    margin: 0 !important;\r\n\r\n    padding: 0 !important;\r\n\r\n    font-family: \"Gabarito\", sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 600;\r\n\r\n    color: #333333;\r\n\r\n}\r\n\r\n\r\n.quote-item-count {\r\n\r\n    font-size: 12px;\r\n\r\n    color: #555555;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUOTE ITEMS\r\n========================================================= *\/\r\n\r\n.quote-items {\r\n\r\n    padding: 18px 22px 4px;\r\n\r\n}\r\n\r\n\r\n.quote-item {\r\n\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: minmax(0, 1fr) 95px 24px;\r\n\r\n    gap: 14px;\r\n\r\n    align-items: end;\r\n\r\n    margin-bottom: 16px;\r\n\r\n}\r\n\r\n\r\n.quote-item-name {\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.quote-item label,\r\n.quote-field label {\r\n\r\n    display: block;\r\n\r\n    margin: 0 0 6px;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.25;\r\n\r\n    color: #555555;\r\n\r\n    font-weight: 400;\r\n\r\n}\r\n\r\n\r\n.quote-item input,\r\n.quote-field input,\r\n.quote-field select,\r\n.quote-field textarea {\r\n\r\n    width: 100% !important;\r\n\r\n    max-width: 100% !important;\r\n\r\n    border: 1px solid #c9c9c9 !important;\r\n\r\n    border-radius: 5px !important;\r\n\r\n    outline: none !important;\r\n\r\n    background: #ffffff !important;\r\n\r\n    color: #555555 !important;\r\n\r\n    font-family: \"Gabarito\", sans-serif !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    box-shadow: none !important;\r\n\r\n}\r\n\r\n\r\n.quote-item input,\r\n.quote-field input,\r\n.quote-field select {\r\n\r\n    height: 40px !important;\r\n\r\n    min-height: 40px !important;\r\n\r\n    padding: 0 12px !important;\r\n\r\n}\r\n\r\n\r\n.quote-item input::placeholder,\r\n.quote-field input::placeholder,\r\n.quote-field textarea::placeholder {\r\n\r\n    color: #b5b5b5 !important;\r\n\r\n    opacity: 1 !important;\r\n\r\n}\r\n\r\n\r\n.quote-item input:focus,\r\n.quote-field input:focus,\r\n.quote-field select:focus,\r\n.quote-field textarea:focus {\r\n\r\n    border-color: #58b52b !important;\r\n\r\n    box-shadow: 0 0 0 2px rgba(88,181,43,0.08) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   QUANTITY\r\n========================================================= *\/\r\n\r\n.quote-quantity {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 31px 33px 31px;\r\n\r\n    width: 95px;\r\n\r\n    height: 40px;\r\n\r\n}\r\n\r\n\r\n.quote-quantity button,\r\n.qty-number {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    height: 40px;\r\n\r\n    border: 1px solid #c9c9c9;\r\n\r\n    background: #ffffff;\r\n\r\n    color: #555555;\r\n\r\n    font-family: \"Gabarito\", sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n}\r\n\r\n\r\n.quote-quantity button {\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n.quote-quantity button:first-child {\r\n\r\n    border-radius: 5px 0 0 5px;\r\n\r\n}\r\n\r\n\r\n.quote-quantity button:last-child {\r\n\r\n    border-radius: 0 5px 5px 0;\r\n\r\n}\r\n\r\n\r\n.qty-number {\r\n\r\n    border-left: 0;\r\n\r\n    border-right: 0;\r\n\r\n}\r\n\r\n\r\n.delete-item {\r\n\r\n    width: 24px;\r\n\r\n    height: 40px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #777777;\r\n\r\n    font-size: 14px;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ADD ITEM\r\n========================================================= *\/\r\n\r\n.add-item {\r\n\r\n    margin: 2px 22px 18px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #07883f;\r\n\r\n    font-family: \"Gabarito\", sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    cursor: pointer;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DETAILS CARD\r\n========================================================= *\/\r\n\r\n.details-card {\r\n\r\n    margin-bottom: 0;\r\n\r\n}\r\n\r\n\r\n.details-header {\r\n\r\n    display: block;\r\n\r\n    padding: 20px 22px 16px;\r\n\r\n}\r\n\r\n\r\n.details-header h2 {\r\n\r\n    margin: 0 0 6px !important;\r\n\r\n}\r\n\r\n\r\n.details-header p {\r\n\r\n    margin: 0 !important;\r\n\r\n    color: #777777;\r\n\r\n    font-size: 11px;\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.details-form {\r\n\r\n    width: 100%;\r\n\r\n    padding: 22px;\r\n\r\n}\r\n\r\n\r\n.quote-form-row {\r\n\r\n    width: 100%;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\r\n\r\n    gap: 24px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n.quote-field {\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n.full-field {\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SELECT\r\n========================================================= *\/\r\n\r\n.quote-field select {\r\n\r\n    cursor: pointer;\r\n\r\n    appearance: auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   NEED OPTIONS\r\n========================================================= *\/\r\n\r\n.need-options {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 40px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    overflow-x: auto;\r\n\r\n    overflow-y: hidden;\r\n\r\n    scrollbar-width: none;\r\n\r\n}\r\n\r\n\r\n.need-options::-webkit-scrollbar {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n.need-option {\r\n\r\n    height: 36px;\r\n\r\n    padding: 0 15px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 20px;\r\n\r\n    background: #f4f4f4;\r\n\r\n    color: #555555;\r\n\r\n    font-family: \"Gabarito\", sans-serif;\r\n\r\n    font-size: 11px;\r\n\r\n    cursor: pointer;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n.need-option.active {\r\n\r\n    background: #58b52b;\r\n\r\n    color: #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TEXTAREA\r\n========================================================= *\/\r\n\r\n.quote-field textarea {\r\n\r\n    min-height: 110px !important;\r\n\r\n    height: 110px !important;\r\n\r\n    padding: 12px !important;\r\n\r\n    resize: vertical;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   UPLOAD\r\n========================================================= *\/\r\n\r\n.upload-box {\r\n\r\n    width: 100%;\r\n\r\n    min-height: 125px;\r\n\r\n    border: 1px solid #c9c9c9;\r\n\r\n    border-radius: 5px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    cursor: pointer;\r\n\r\n    position: relative;\r\n\r\n    background: #ffffff;\r\n\r\n    transition: border-color 0.2s ease, background 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.upload-box:hover {\r\n\r\n    border-color: #58b52b;\r\n\r\n    background: #fbfdf9;\r\n\r\n}\r\n\r\n\r\n.upload-box input {\r\n\r\n    position: absolute !important;\r\n\r\n    width: 1px !important;\r\n\r\n    height: 1px !important;\r\n\r\n    opacity: 0 !important;\r\n\r\n    pointer-events: none !important;\r\n\r\n}\r\n\r\n\r\n.upload-icon {\r\n\r\n    font-size: 28px;\r\n\r\n    line-height: 1;\r\n\r\n    color: #777777;\r\n\r\n    margin-bottom: 8px;\r\n\r\n}\r\n\r\n\r\n.upload-text {\r\n\r\n    color: #666666;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.3;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.upload-types {\r\n\r\n    color: #aaaaaa;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.3;\r\n\r\n    margin-top: 6px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.quote-submit {\r\n\r\n    width: 100% !important;\r\n\r\n    height: 42px !important;\r\n\r\n    min-height: 42px !important;\r\n\r\n    border: 0 !important;\r\n\r\n    border-radius: 6px !important;\r\n\r\n    background: #58b52b !important;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-family: \"Gabarito\", sans-serif !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    font-weight: 500 !important;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: background 0.2s ease, transform 0.15s ease;\r\n\r\n}\r\n\r\n\r\n.quote-submit:hover {\r\n\r\n    background: #4aa323 !important;\r\n\r\n}\r\n\r\n\r\n.quote-submit:active {\r\n\r\n    transform: translateY(1px);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FOOTER NOTE\r\n========================================================= *\/\r\n\r\n.quote-footer-note {\r\n\r\n    margin-top: 12px;\r\n\r\n    text-align: center;\r\n\r\n    color: #a2a2a2;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n.quote-footer-note a {\r\n\r\n    color: #777777;\r\n\r\n    text-decoration: underline;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT SIDEBAR\r\n========================================================= *\/\r\n\r\n.side-card {\r\n\r\n    padding: 20px 18px;\r\n\r\n}\r\n\r\n\r\n.next-card {\r\n\r\n    margin-bottom: 20px;\r\n\r\n}\r\n\r\n\r\n.next-card h3,\r\n.whatsapp-card h3,\r\n.why-card h3 {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    font-family: \"Gabarito\", sans-serif !important;\r\n\r\n    font-size: 17px !important;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 600;\r\n\r\n}\r\n\r\n\r\n.next-card h3 {\r\n\r\n    margin-bottom: 18px;\r\n\r\n}\r\n\r\n\r\n.next-step {\r\n\r\n    margin-bottom: 16px;\r\n\r\n}\r\n\r\n\r\n.next-step:last-child {\r\n\r\n    margin-bottom: 0;\r\n\r\n}\r\n\r\n\r\n.next-step strong {\r\n\r\n    display: block;\r\n\r\n    margin-bottom: 5px;\r\n\r\n    color: #07883f;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 500;\r\n\r\n}\r\n\r\n\r\n.next-step p {\r\n\r\n    margin: 0;\r\n\r\n    color: #666666;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHATSAPP\r\n========================================================= *\/\r\n\r\n.whatsapp-card {\r\n\r\n    width: 100%;\r\n\r\n    margin-bottom: 20px;\r\n\r\n    padding: 24px 18px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: #eaf3e5;\r\n\r\n    text-align: center;\r\n\r\n}\r\n\r\n\r\n.whatsapp-icon {\r\n\r\n    width: 38px;\r\n\r\n    height: 38px;\r\n\r\n    margin: 0 auto 12px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #58b52b;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    color: #ffffff;\r\n\r\n    font-size: 19px;\r\n\r\n}\r\n\r\n\r\n.whatsapp-card h3 {\r\n\r\n    margin-bottom: 10px;\r\n\r\n    font-size: 16px !important;\r\n\r\n}\r\n\r\n\r\n.whatsapp-card p {\r\n\r\n    margin: 0 auto 16px;\r\n\r\n    max-width: 210px;\r\n\r\n    color: #555555;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.5;\r\n\r\n}\r\n\r\n\r\n.whatsapp-button {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    min-height: 38px;\r\n\r\n    padding: 0 18px;\r\n\r\n    border-radius: 6px;\r\n\r\n    background: #58b52b;\r\n\r\n    color: #ffffff !important;\r\n\r\n    font-size: 11px;\r\n\r\n    text-decoration: none !important;\r\n\r\n}\r\n\r\n\r\n.whatsapp-button:hover {\r\n\r\n    background: #4aa323;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WHY CARD\r\n========================================================= *\/\r\n\r\n.why-card {\r\n\r\n    padding: 20px 18px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background: #15243a;\r\n\r\n    color: #ffffff;\r\n\r\n}\r\n\r\n\r\n.why-card h3 {\r\n\r\n    color: #ffffff;\r\n\r\n    margin-bottom: 16px;\r\n\r\n    font-size: 17px !important;\r\n\r\n}\r\n\r\n\r\n.why-card ul {\r\n\r\n    margin: 0;\r\n\r\n    padding: 0 0 0 16px;\r\n\r\n}\r\n\r\n\r\n.why-card li {\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #d8dee6;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.4;\r\n\r\n}\r\n\r\n\r\n.why-card li:last-child {\r\n\r\n    margin-bottom: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LARGE DESKTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 1200px) {\r\n\r\n    .quote-layout {\r\n\r\n        grid-template-columns: minmax(0, 1fr) 280px;\r\n\r\n        gap: 28px;\r\n\r\n    }\r\n\r\n    .details-form {\r\n\r\n        padding: 26px;\r\n\r\n    }\r\n\r\n    .quote-form-row {\r\n\r\n        gap: 28px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ SMALL LAPTOP\r\n========================================================= *\/\r\n\r\n@media (max-width: 1000px) {\r\n\r\n    .quote-layout {\r\n\r\n        grid-template-columns: minmax(0, 1fr) 230px;\r\n\r\n        gap: 18px;\r\n\r\n    }\r\n\r\n    .details-form {\r\n\r\n        padding: 18px;\r\n\r\n    }\r\n\r\n    .quote-card-header {\r\n\r\n        padding-left: 18px;\r\n\r\n        padding-right: 18px;\r\n\r\n    }\r\n\r\n    .quote-items {\r\n\r\n        padding-left: 18px;\r\n\r\n        padding-right: 18px;\r\n\r\n    }\r\n\r\n    .add-item {\r\n\r\n        margin-left: 18px;\r\n\r\n        margin-right: 18px;\r\n\r\n    }\r\n\r\n    .quote-form-row {\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET PORTRAIT\r\n========================================================= *\/\r\n\r\n@media (max-width: 800px) {\r\n\r\n    .quote-layout {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n    .quote-right {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns: 1fr 1fr;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n    .next-card {\r\n\r\n        margin-bottom: 0;\r\n\r\n    }\r\n\r\n    .whatsapp-card {\r\n\r\n        margin-bottom: 0;\r\n\r\n    }\r\n\r\n    .why-card {\r\n\r\n        grid-column: 1 \/ -1;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .quote-page {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        padding: 0 !important;\r\n\r\n        overflow-x: hidden !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-layout {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .quote-left,\r\n    .quote-right {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-card,\r\n    .side-card,\r\n    .whatsapp-card,\r\n    .why-card {\r\n\r\n        width: 100% !important;\r\n\r\n        max-width: 100% !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-card-header {\r\n\r\n        min-height: 54px;\r\n\r\n        padding: 0 16px;\r\n\r\n    }\r\n\r\n\r\n    .quote-card-header h2 {\r\n\r\n        font-size: 16px !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-items {\r\n\r\n        padding: 16px;\r\n\r\n    }\r\n\r\n\r\n    .quote-item {\r\n\r\n        grid-template-columns: minmax(0, 1fr) 95px 24px;\r\n\r\n        gap: 8px;\r\n\r\n        margin-bottom: 16px;\r\n\r\n    }\r\n\r\n\r\n    .quote-item input,\r\n    .quote-field input,\r\n    .quote-field select {\r\n\r\n        height: 42px !important;\r\n\r\n        min-height: 42px !important;\r\n\r\n    }\r\n\r\n\r\n    .add-item {\r\n\r\n        margin: 0 16px 16px;\r\n\r\n    }\r\n\r\n\r\n    .details-header {\r\n\r\n        padding: 18px 16px 14px;\r\n\r\n    }\r\n\r\n\r\n    .details-form {\r\n\r\n        padding: 16px;\r\n\r\n    }\r\n\r\n\r\n    .quote-form-row {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 14px;\r\n\r\n        margin-bottom: 14px;\r\n\r\n    }\r\n\r\n\r\n    .full-field {\r\n\r\n        margin-bottom: 14px;\r\n\r\n    }\r\n\r\n\r\n    .quote-field textarea {\r\n\r\n        height: 120px !important;\r\n\r\n        min-height: 120px !important;\r\n\r\n    }\r\n\r\n\r\n    .upload-box {\r\n\r\n        min-height: 120px;\r\n\r\n    }\r\n\r\n\r\n    .quote-right {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .next-card,\r\n    .whatsapp-card,\r\n    .why-card {\r\n\r\n        margin-bottom: 0;\r\n\r\n    }\r\n\r\n\r\n    .side-card {\r\n\r\n        padding: 18px 16px;\r\n\r\n    }\r\n\r\n\r\n    .whatsapp-card {\r\n\r\n        padding: 22px 16px;\r\n\r\n    }\r\n\r\n\r\n    .why-card {\r\n\r\n        padding: 18px 16px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .quote-card-header {\r\n\r\n        padding: 0 14px;\r\n\r\n    }\r\n\r\n\r\n    .quote-items {\r\n\r\n        padding: 14px;\r\n\r\n    }\r\n\r\n\r\n    .details-header {\r\n\r\n        padding: 16px 14px 13px;\r\n\r\n    }\r\n\r\n\r\n    .details-form {\r\n\r\n        padding: 14px;\r\n\r\n    }\r\n\r\n\r\n    .add-item {\r\n\r\n        margin-left: 14px;\r\n\r\n        margin-right: 14px;\r\n\r\n    }\r\n\r\n\r\n    .quote-item {\r\n\r\n        grid-template-columns: minmax(0, 1fr);\r\n\r\n        gap: 8px;\r\n\r\n        position: relative;\r\n\r\n        padding-bottom: 8px;\r\n\r\n    }\r\n\r\n\r\n    .quote-quantity {\r\n\r\n        width: 95px;\r\n\r\n    }\r\n\r\n\r\n    .delete-item {\r\n\r\n        position: absolute;\r\n\r\n        right: 0;\r\n\r\n        bottom: 8px;\r\n\r\n    }\r\n\r\n\r\n    .need-options {\r\n\r\n        width: 100%;\r\n\r\n        overflow-x: auto;\r\n\r\n        padding-bottom: 2px;\r\n\r\n    }\r\n\r\n\r\n    .need-option {\r\n\r\n        padding: 0 13px;\r\n\r\n    }\r\n\r\n\r\n    .quote-submit {\r\n\r\n        height: 44px !important;\r\n\r\n        min-height: 44px !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-footer-note {\r\n\r\n        padding: 0 5px;\r\n\r\n        font-size: 9px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL PHONES\r\n========================================================= *\/\r\n\r\n@media (max-width: 350px) {\r\n\r\n    .quote-card-header h2 {\r\n\r\n        font-size: 15px !important;\r\n\r\n    }\r\n\r\n\r\n    .quote-card-header {\r\n\r\n        padding-left: 12px;\r\n\r\n        padding-right: 12px;\r\n\r\n    }\r\n\r\n\r\n    .quote-items {\r\n\r\n        padding-left: 12px;\r\n\r\n        padding-right: 12px;\r\n\r\n    }\r\n\r\n\r\n    .details-form {\r\n\r\n        padding-left: 12px;\r\n\r\n        padding-right: 12px;\r\n\r\n    }\r\n\r\n\r\n    .add-item {\r\n\r\n        margin-left: 12px;\r\n\r\n        margin-right: 12px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n\r\n\r\n    \/* =====================================================\r\n       UPDATE ITEM COUNT\r\n    ===================================================== *\/\r\n\r\n    function updateItemCount() {\r\n\r\n        const items =\r\n            document.querySelectorAll(\r\n                \"#quote-items .quote-item\"\r\n            );\r\n\r\n        const count =\r\n            document.getElementById(\"quote-count\");\r\n\r\n        if (count) {\r\n\r\n            count.textContent = items.length;\r\n\r\n        }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FORMAT QUANTITY\r\n    ===================================================== *\/\r\n\r\n    function formatQuantity(number) {\r\n\r\n        return String(number).padStart(2, \"0\");\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       QUANTITY BUTTONS\r\n    ===================================================== *\/\r\n\r\n    document.addEventListener(\"click\", function (event) {\r\n\r\n        const minus =\r\n            event.target.closest(\".qty-minus\");\r\n\r\n        const plus =\r\n            event.target.closest(\".qty-plus\");\r\n\r\n\r\n        if (minus || plus) {\r\n\r\n            const item =\r\n                event.target.closest(\".quote-item\");\r\n\r\n            if (!item) return;\r\n\r\n\r\n            const numberElement =\r\n                item.querySelector(\".qty-number\");\r\n\r\n            let number =\r\n                parseInt(numberElement.textContent, 10) || 1;\r\n\r\n\r\n            if (plus) {\r\n\r\n                number++;\r\n\r\n            }\r\n\r\n\r\n            if (minus && number > 1) {\r\n\r\n                number--;\r\n\r\n            }\r\n\r\n\r\n            numberElement.textContent =\r\n                formatQuantity(number);\r\n\r\n        }\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       DELETE ITEM\r\n    ===================================================== *\/\r\n\r\n    document.addEventListener(\"click\", function (event) {\r\n\r\n        const deleteButton =\r\n            event.target.closest(\".delete-item\");\r\n\r\n        if (!deleteButton) return;\r\n\r\n\r\n        const item =\r\n            deleteButton.closest(\".quote-item\");\r\n\r\n        if (!item) return;\r\n\r\n\r\n        item.remove();\r\n\r\n        updateItemCount();\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       ADD MORE ITEMS\r\n    ===================================================== *\/\r\n\r\n    const addItem =\r\n        document.getElementById(\"add-item\");\r\n\r\n\r\n    if (addItem) {\r\n\r\n        addItem.addEventListener(\"click\", function () {\r\n\r\n            const itemsContainer =\r\n                document.getElementById(\"quote-items\");\r\n\r\n\r\n            const item =\r\n                document.createElement(\"div\");\r\n\r\n\r\n            item.className = \"quote-item\";\r\n\r\n\r\n            item.innerHTML = `\r\n\r\n                <div class=\"quote-item-name\">\r\n\r\n                    <label>Item Name<\/label>\r\n\r\n                    <input\r\n                        type=\"text\"\r\n                        name=\"item_name[]\"\r\n                        placeholder=\"Eg: HP ProBook 450 G10\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"quote-quantity\">\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"qty-minus\">\r\n                        \u2212\r\n                    <\/button>\r\n\r\n                    <span class=\"qty-number\">\r\n                        01\r\n                    <\/span>\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"qty-plus\">\r\n                        +\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"delete-item\"\r\n                    aria-label=\"Delete item\">\r\n                    \ud83d\uddd1\r\n                <\/button>\r\n\r\n            `;\r\n\r\n\r\n            itemsContainer.appendChild(item);\r\n\r\n            updateItemCount();\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       NEED IT OPTIONS\r\n    ===================================================== *\/\r\n\r\n    document.addEventListener(\"click\", function (event) {\r\n\r\n        const option =\r\n            event.target.closest(\".need-option\");\r\n\r\n        if (!option) return;\r\n\r\n\r\n        const parent =\r\n            option.closest(\".need-options\");\r\n\r\n        if (!parent) return;\r\n\r\n\r\n        parent\r\n            .querySelectorAll(\".need-option\")\r\n            .forEach(function (button) {\r\n\r\n                button.classList.remove(\"active\");\r\n\r\n            });\r\n\r\n\r\n        option.classList.add(\"active\");\r\n\r\n    });\r\n\r\n\r\n    \/* =====================================================\r\n       FILE UPLOAD\r\n    ===================================================== *\/\r\n\r\n    const fileInput =\r\n        document.getElementById(\"quote-file\");\r\n\r\n\r\n    if (fileInput) {\r\n\r\n        fileInput.addEventListener(\"change\", function () {\r\n\r\n            const uploadBox =\r\n                this.closest(\".upload-box\");\r\n\r\n            if (!uploadBox) return;\r\n\r\n\r\n            const uploadText =\r\n                uploadBox.querySelector(\".upload-text\");\r\n\r\n\r\n            if (this.files.length > 0) {\r\n\r\n                uploadText.textContent =\r\n                    this.files[0].name;\r\n\r\n            } else {\r\n\r\n                uploadText.textContent =\r\n                    \"Drop a file or click to upload\";\r\n\r\n            }\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       INITIAL COUNT\r\n    ===================================================== *\/\r\n\r\n    updateItemCount();\r\n\r\n});\r\n\r\n<\/script>\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>Request a Quote Tell us what you need. We&#8217;ll\u00a0quote it properly. No online pricing games \u2014 every business quote is built to your actual requirement, from authorised stock, by people who&#8217;ll support it afterwards. Your quote list 2 items Item Name \u2212 02 + \ud83d\uddd1 Item Name \u2212 01 + \ud83d\uddd1 + Add more items [&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-285","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/pages\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=285"}],"version-history":[{"count":6,"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/pages\/285\/revisions"}],"predecessor-version":[{"id":529,"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=\/wp\/v2\/pages\/285\/revisions\/529"}],"wp:attachment":[{"href":"https:\/\/simplatecgoa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}