



{"id":27035,"date":"2025-10-13T12:05:26","date_gmt":"2025-10-13T12:05:26","guid":{"rendered":"https:\/\/sshg.ahamedgroup.store\/?page_id=27035"},"modified":"2025-10-17T07:07:37","modified_gmt":"2025-10-17T07:07:37","slug":"inquiry-form","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27035","title":{"rendered":"Inquiry Form"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27035\" class=\"elementor elementor-27035\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bfe740 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"2bfe740\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32a39a4 elementor-widget elementor-widget-html\" data-id=\"32a39a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============ SSG LIFESTYLE | PREMIUM INQUIRY FORM ============ -->\r\n<section class=\"ssg-premium-inquiry\">\r\n  <div class=\"ssg-premium-container\">\r\n    <!-- Background Elements -->\r\n    <div class=\"ssg-bg-shapes\">\r\n      <div class=\"ssg-shape ssg-shape-1\"><\/div>\r\n      <div class=\"ssg-shape ssg-shape-2\"><\/div>\r\n      <div class=\"ssg-shape ssg-shape-3\"><\/div>\r\n      <div class=\"ssg-shape ssg-shape-4\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Main Content -->\r\n    <div class=\"ssg-premium-content\">\r\n      <!-- Left Side - Services Showcase -->\r\n      <div class=\"ssg-premium-services\">\r\n        <div class=\"ssg-premium-header\">\r\n          <div class=\"ssg-premium-badge\">\r\n            <span>Premium Services<\/span>\r\n          <\/div>\r\n          <h1 class=\"ssg-premium-title\">\r\n            <span class=\"ssg-title-line\">Elevate Your<\/span>\r\n            <span class=\"ssg-title-line ssg-title-accent\">Vision With Us<\/span>\r\n          <\/h1>\r\n          <p class=\"ssg-premium-description\">\r\n            Experience excellence in every project with our premium service portfolio. \r\n            Let's transform your ideas into extraordinary realities.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ssg-services-showcase\">\r\n          <div class=\"ssg-service-item\" data-service=\"interior\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83c\udfa8<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Interior Decoration<\/h3>\r\n              <p>Transform spaces with elegant interior designs<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"exterior\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Exterior Decoration<\/h3>\r\n              <p>Stunning exterior designs that make statements<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"renovation\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83d\udd28<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Building Renovation<\/h3>\r\n              <p>Revitalize and modernize existing structures<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"construction\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Civil Construction<\/h3>\r\n              <p>Quality construction from ground up<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"real-estate\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83c\udfe2<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Real Estate Project<\/h3>\r\n              <p>Premium property development solutions<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"prefab\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83c\udfe0<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Prefab House Project<\/h3>\r\n              <p>Modern, efficient prefabricated homes<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"water\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83d\udca7<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Drinking Water Project<\/h3>\r\n              <p>Clean water solutions for communities<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"tea-franchise\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\u2615<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Tea Stall Franchise<\/h3>\r\n              <p>Premium tea business opportunities<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ssg-service-item\" data-service=\"packaging-tea\">\r\n            <div class=\"ssg-service-icon-wrapper\">\r\n              <div class=\"ssg-service-icon\">\ud83d\udce6<\/div>\r\n            <\/div>\r\n            <div class=\"ssg-service-content\">\r\n              <h3>Packaging Tea<\/h3>\r\n              <p>Professional tea packaging services<\/p>\r\n            <\/div>\r\n            <div class=\"ssg-service-selector\">\r\n              <div class=\"ssg-selector-dot\"><\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Right Side - Premium Form -->\r\n      <div class=\"ssg-premium-form-side\">\r\n        <div class=\"ssg-form-container\">\r\n          <div class=\"ssg-form-header\">\r\n            <div class=\"ssg-form-avatar\">\r\n              <div class=\"ssg-avatar-icon\">\ud83d\udc8e<\/div>\r\n            <\/div>\r\n            <h2>Begin Your Premium Journey<\/h2>\r\n            <p>Let's discuss how we can bring excellence to your project<\/p>\r\n          <\/div>\r\n\r\n          <form class=\"ssg-premium-form\" id=\"ssgPremiumForm\">\r\n            <!-- Progress Steps -->\r\n            <div class=\"ssg-form-progress\">\r\n              <div class=\"ssg-progress-steps\">\r\n                <div class=\"ssg-step ssg-step-active\" data-step=\"1\">\r\n                  <div class=\"ssg-step-number\">1<\/div>\r\n                  <span>Personal<\/span>\r\n                <\/div>\r\n                <div class=\"ssg-step\" data-step=\"2\">\r\n                  <div class=\"ssg-step-number\">2<\/div>\r\n                  <span>Services<\/span>\r\n                <\/div>\r\n                <div class=\"ssg-step\" data-step=\"3\">\r\n                  <div class=\"ssg-step-number\">3<\/div>\r\n                  <span>Project<\/span>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"ssg-progress-bar\">\r\n                <div class=\"ssg-progress-fill\"><\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 1: Personal Information -->\r\n            <div class=\"ssg-form-step ssg-step-active\" data-step=\"1\">\r\n              <div class=\"ssg-input-group\">\r\n                <div class=\"ssg-input-wrapper\">\r\n                  <input type=\"text\" id=\"ssgFullName\" name=\"fullName\" required>\r\n                  <label for=\"ssgFullName\">Full Name<\/label>\r\n                  <div class=\"ssg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ssg-input-row\">\r\n                <div class=\"ssg-input-group\">\r\n                  <div class=\"ssg-input-wrapper\">\r\n                    <input type=\"tel\" id=\"ssgPhone\" name=\"phone\" required>\r\n                    <label for=\"ssgPhone\">Phone Number<\/label>\r\n                    <div class=\"ssg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ssg-input-group\">\r\n                  <div class=\"ssg-input-wrapper\">\r\n                    <input type=\"email\" id=\"ssgEmail\" name=\"email\" required>\r\n                    <label for=\"ssgEmail\">Email Address<\/label>\r\n                    <div class=\"ssg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ssg-step-actions\">\r\n                <button type=\"button\" class=\"ssg-next-btn\">Continue to Services<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 2: Service Selection -->\r\n            <div class=\"ssg-form-step\" data-step=\"2\">\r\n              <div class=\"ssg-service-selection\">\r\n                <h3>Select Your Required Services<\/h3>\r\n                <div class=\"ssg-service-checkboxes\">\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Interior Decoration\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Interior Decoration<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Exterior Decoration\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Exterior Decoration<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Building Renovation\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Building Renovation<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Civil Construction\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Civil Construction<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Real Estate Project\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Real Estate Project<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Prefab House Project\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Prefab House Project<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Drinking Water Project\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Drinking Water Project<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Tea Stall Franchise\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Tea Stall Franchise<\/span>\r\n                  <\/label>\r\n                  <label class=\"ssg-checkbox-label\">\r\n                    <input type=\"checkbox\" name=\"services\" value=\"Packaging Tea\">\r\n                    <span class=\"ssg-checkbox-custom\"><\/span>\r\n                    <span class=\"ssg-checkbox-text\">Packaging Tea<\/span>\r\n                  <\/label>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ssg-step-actions\">\r\n                <button type=\"button\" class=\"ssg-prev-btn\">Back<\/button>\r\n                <button type=\"button\" class=\"ssg-next-btn\">Continue to Project Details<\/button>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Step 3: Project Details -->\r\n            <div class=\"ssg-form-step\" data-step=\"3\">\r\n              <div class=\"ssg-input-row\">\r\n                <div class=\"ssg-input-group\">\r\n                  <div class=\"ssg-input-wrapper\">\r\n                    <select id=\"ssgBudget\" name=\"budget\" required>\r\n                      <option value=\"\"><\/option>\r\n                      <option value=\"1-5 Lakhs\">1-5 Lakhs<\/option>\r\n                      <option value=\"5-10 Lakhs\">5-10 Lakhs<\/option>\r\n                      <option value=\"10-25 Lakhs\">10-25 Lakhs<\/option>\r\n                      <option value=\"25-50 Lakhs\">25-50 Lakhs<\/option>\r\n                      <option value=\"50 Lakhs - 1 Crore\">50 Lakhs - 1 Crore<\/option>\r\n                      <option value=\"1-5 Crores\">1-5 Crores<\/option>\r\n                      <option value=\"5+ Crores\">5+ Crores<\/option>\r\n                    <\/select>\r\n                    <label for=\"ssgBudget\">Project Budget<\/label>\r\n                    <div class=\"ssg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"ssg-input-group\">\r\n                  <div class=\"ssg-input-wrapper\">\r\n                    <select id=\"ssgTimeline\" name=\"timeline\" required>\r\n                      <option value=\"\"><\/option>\r\n                      <option value=\"Immediately\">Immediately<\/option>\r\n                      <option value=\"Within 1 Month\">Within 1 Month<\/option>\r\n                      <option value=\"1-3 Months\">1-3 Months<\/option>\r\n                      <option value=\"3-6 Months\">3-6 Months<\/option>\r\n                      <option value=\"6+ Months\">6+ Months<\/option>\r\n                    <\/select>\r\n                    <label for=\"ssgTimeline\">Project Timeline<\/label>\r\n                    <div class=\"ssg-input-line\"><\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ssg-input-group\">\r\n                <div class=\"ssg-input-wrapper\">\r\n                  <textarea id=\"ssgRequirements\" name=\"requirements\" rows=\"4\" placeholder=\" \"><\/textarea>\r\n                  <label for=\"ssgRequirements\">Project Requirements & Details<\/label>\r\n                  <div class=\"ssg-input-line\"><\/div>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ssg-step-actions\">\r\n                <button type=\"button\" class=\"ssg-prev-btn\">Back<\/button>\r\n                <button type=\"submit\" class=\"ssg-submit-btn\">\r\n                  <span>Send Premium Inquiry<\/span>\r\n                  <div class=\"ssg-btn-shine\"><\/div>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/form>\r\n\r\n          <div class=\"ssg-form-footer\">\r\n            <p>\ud83d\udc8e Your information is secure and confidential<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ======= SSG PREMIUM INQUIRY FORM STYLES ======= *\/\r\n.ssg-premium-inquiry {\r\n  min-height: 100vh;\r\n  background: linear-gradient(135deg, #0c0c0c 0%, #1a1a1a 50%, #0c1a1f 100%);\r\n  font-family: 'Inter', 'Segoe UI', sans-serif;\r\n  position: relative;\r\n  overflow-x: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 2rem 0;\r\n}\r\n\r\n\/* Background Shapes *\/\r\n.ssg-bg-shapes {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  pointer-events: none;\r\n}\r\n\r\n.ssg-shape {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  background: linear-gradient(45deg, #e74505, #014c5f);\r\n  opacity: 0.03;\r\n  animation: float 6s ease-in-out infinite;\r\n}\r\n\r\n.ssg-shape-1 {\r\n  width: 300px;\r\n  height: 300px;\r\n  top: 10%;\r\n  left: 5%;\r\n  animation-delay: 0s;\r\n}\r\n\r\n.ssg-shape-2 {\r\n  width: 200px;\r\n  height: 200px;\r\n  top: 60%;\r\n  right: 10%;\r\n  animation-delay: 2s;\r\n}\r\n\r\n.ssg-shape-3 {\r\n  width: 150px;\r\n  height: 150px;\r\n  bottom: 20%;\r\n  left: 15%;\r\n  animation-delay: 4s;\r\n}\r\n\r\n.ssg-shape-4 {\r\n  width: 250px;\r\n  height: 250px;\r\n  top: 30%;\r\n  right: 20%;\r\n  animation-delay: 1s;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% { transform: translateY(0px) rotate(0deg); }\r\n  50% { transform: translateY(-20px) rotate(180deg); }\r\n}\r\n\r\n.ssg-premium-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n  position: relative;\r\n  z-index: 1;\r\n  width: 100%;\r\n}\r\n\r\n.ssg-premium-content {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.1fr;\r\n  gap: 4rem;\r\n  align-items: center;\r\n}\r\n\r\n\/* Left Side - Services *\/\r\n.ssg-premium-services {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.ssg-premium-header {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.ssg-premium-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  color: white;\r\n  padding: 8px 20px;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 0.85rem;\r\n  letter-spacing: 1px;\r\n  margin-bottom: 2rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ssg-premium-badge::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.ssg-premium-badge:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.ssg-premium-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  margin-bottom: 1.5rem;\r\n  color: white;\r\n}\r\n\r\n.ssg-title-line {\r\n  display: block;\r\n}\r\n\r\n.ssg-title-accent {\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.ssg-premium-description {\r\n  font-size: 1.2rem;\r\n  color: rgba(255,255,255,0.7);\r\n  line-height: 1.6;\r\n  max-width: 500px;\r\n}\r\n\r\n\/* Services Showcase *\/\r\n.ssg-services-showcase {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n  max-height: 600px;\r\n  overflow-y: auto;\r\n  padding-right: 1rem;\r\n}\r\n\r\n.ssg-services-showcase::-webkit-scrollbar {\r\n  width: 4px;\r\n}\r\n\r\n.ssg-services-showcase::-webkit-scrollbar-track {\r\n  background: rgba(255,255,255,0.1);\r\n  border-radius: 10px;\r\n}\r\n\r\n.ssg-services-showcase::-webkit-scrollbar-thumb {\r\n  background: #e74505;\r\n  border-radius: 10px;\r\n}\r\n\r\n.ssg-service-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  padding: 1.5rem;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 16px;\r\n  cursor: pointer;\r\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ssg-service-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(231,69,5,0.1), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.ssg-service-item:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.ssg-service-item:hover {\r\n  transform: translateX(10px);\r\n  border-color: rgba(231,69,5,0.3);\r\n  background: rgba(255,255,255,0.08);\r\n}\r\n\r\n.ssg-service-icon-wrapper {\r\n  width: 50px;\r\n  height: 50px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.ssg-service-item:hover .ssg-service-icon-wrapper {\r\n  transform: scale(1.1) rotate(5deg);\r\n}\r\n\r\n.ssg-service-icon {\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.ssg-service-content {\r\n  flex: 1;\r\n  min-width: 0; \/* Prevents text overflow *\/\r\n}\r\n\r\n.ssg-service-content h3 {\r\n  color: white;\r\n  font-size: 1.1rem;\r\n  font-weight: 600;\r\n  margin-bottom: 0.3rem;\r\n  line-height: 1.3;\r\n  word-wrap: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.ssg-service-content p {\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 0.9rem;\r\n  margin: 0;\r\n  line-height: 1.4;\r\n  word-wrap: break-word;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.ssg-service-selector {\r\n  width: 24px;\r\n  height: 24px;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ssg-selector-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  background: #e74505;\r\n  border-radius: 50%;\r\n  transform: scale(0);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.ssg-service-item.active .ssg-selector-dot {\r\n  transform: scale(1);\r\n}\r\n\r\n.ssg-service-item.active .ssg-service-selector {\r\n  border-color: #e74505;\r\n}\r\n\r\n\/* Right Side - Premium Form *\/\r\n.ssg-premium-form-side {\r\n  position: relative;\r\n}\r\n\r\n.ssg-form-container {\r\n  background: rgba(255,255,255,0.02);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 24px;\r\n  padding: 3rem;\r\n  box-shadow: 0 25px 50px rgba(0,0,0,0.5);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ssg-form-container::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 1px;\r\n  background: linear-gradient(90deg, transparent, #e74505, transparent);\r\n}\r\n\r\n.ssg-form-header {\r\n  text-align: center;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.ssg-form-avatar {\r\n  width: 80px;\r\n  height: 80px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin: 0 auto 1.5rem;\r\n  position: relative;\r\n}\r\n\r\n.ssg-form-avatar::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: -2px;\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  border-radius: 50%;\r\n  z-index: -1;\r\n  opacity: 0.6;\r\n  filter: blur(10px);\r\n}\r\n\r\n.ssg-avatar-icon {\r\n  font-size: 2rem;\r\n}\r\n\r\n.ssg-form-header h2 {\r\n  color: white;\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.ssg-form-header p {\r\n  color: rgba(255,255,255,0.7);\r\n  font-size: 1rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* Progress Steps *\/\r\n.ssg-form-progress {\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.ssg-progress-steps {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin-bottom: 1rem;\r\n  position: relative;\r\n}\r\n\r\n.ssg-step {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  z-index: 2;\r\n  position: relative;\r\n}\r\n\r\n.ssg-step-number {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: rgba(255,255,255,0.1);\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: rgba(255,255,255,0.5);\r\n  font-weight: 600;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ssg-step-active .ssg-step-number {\r\n  background: #e74505;\r\n  border-color: #e74505;\r\n  color: white;\r\n  transform: scale(1.1);\r\n}\r\n\r\n.ssg-step span {\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: 0.85rem;\r\n  font-weight: 500;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.ssg-step-active span {\r\n  color: white;\r\n}\r\n\r\n.ssg-progress-bar {\r\n  height: 2px;\r\n  background: rgba(255,255,255,0.1);\r\n  position: absolute;\r\n  top: 20px;\r\n  left: 20px;\r\n  right: 20px;\r\n  z-index: 1;\r\n}\r\n\r\n.ssg-progress-fill {\r\n  height: 100%;\r\n  background: #e74505;\r\n  width: 33.33%;\r\n  transition: width 0.3s ease;\r\n}\r\n\r\n\/* Form Steps *\/\r\n.ssg-form-step {\r\n  display: none;\r\n  animation: slideIn 0.5s ease;\r\n}\r\n\r\n@keyframes slideIn {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateX(20px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateX(0);\r\n  }\r\n}\r\n\r\n.ssg-step-active {\r\n  display: block;\r\n}\r\n\r\n.ssg-input-group {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.ssg-input-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n}\r\n\r\n.ssg-input-wrapper {\r\n  position: relative;\r\n}\r\n\r\n.ssg-input-wrapper input,\r\n.ssg-input-wrapper select,\r\n.ssg-input-wrapper textarea {\r\n  width: 100%;\r\n  padding: 1rem 0;\r\n  background: transparent;\r\n  border: none;\r\n  color: white;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ssg-input-wrapper select {\r\n  \/* Fix for select text cutoff *\/\r\n  padding: 1rem 0;\r\n  height: auto;\r\n  line-height: normal;\r\n  appearance: none;\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  background: transparent;\r\n}\r\n\r\n.ssg-input-wrapper textarea {\r\n  resize: vertical;\r\n  min-height: 100px;\r\n}\r\n\r\n.ssg-input-wrapper label {\r\n  position: absolute;\r\n  top: 1rem;\r\n  left: 0;\r\n  color: rgba(255,255,255,0.6);\r\n  font-size: 1rem;\r\n  pointer-events: none;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ssg-input-wrapper input:focus,\r\n.ssg-input-wrapper select:focus,\r\n.ssg-input-wrapper textarea:focus {\r\n  outline: none;\r\n}\r\n\r\n.ssg-input-wrapper input:focus + label,\r\n.ssg-input-wrapper input:not(:placeholder-shown) + label,\r\n.ssg-input-wrapper select:focus + label,\r\n.ssg-input-wrapper select:not([value=\"\"]) + label,\r\n.ssg-input-wrapper textarea:focus + label,\r\n.ssg-input-wrapper textarea:not(:placeholder-shown) + label {\r\n  top: -0.5rem;\r\n  font-size: 0.8rem;\r\n  color: #e74505;\r\n}\r\n\r\n.ssg-input-line {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 1px;\r\n  background: rgba(255,255,255,0.3);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.ssg-input-wrapper input:focus ~ .ssg-input-line,\r\n.ssg-input-wrapper select:focus ~ .ssg-input-line,\r\n.ssg-input-wrapper textarea:focus ~ .ssg-input-line {\r\n  height: 2px;\r\n  background: #e74505;\r\n}\r\n\r\n\/* Service Selection *\/\r\n.ssg-service-selection h3 {\r\n  color: white;\r\n  font-size: 1.2rem;\r\n  margin-bottom: 1.5rem;\r\n  text-align: center;\r\n}\r\n\r\n.ssg-service-checkboxes {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1rem;\r\n}\r\n\r\n.ssg-checkbox-label {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  padding: 1rem;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  border-radius: 12px;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ssg-checkbox-label::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(231,69,5,0.1), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.ssg-checkbox-label:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.ssg-checkbox-label:hover {\r\n  border-color: rgba(231,69,5,0.3);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.ssg-checkbox-label input {\r\n  display: none;\r\n}\r\n\r\n.ssg-checkbox-custom {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 2px solid rgba(255,255,255,0.3);\r\n  border-radius: 4px;\r\n  position: relative;\r\n  transition: all 0.3s ease;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ssg-checkbox-label input:checked + .ssg-checkbox-custom {\r\n  background: #e74505;\r\n  border-color: #e74505;\r\n}\r\n\r\n.ssg-checkbox-label input:checked + .ssg-checkbox-custom::after {\r\n  content: '\u2713';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  color: white;\r\n  font-size: 12px;\r\n  font-weight: bold;\r\n}\r\n\r\n.ssg-checkbox-text {\r\n  color: white;\r\n  font-size: 0.9rem;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Step Actions *\/\r\n.ssg-step-actions {\r\n  display: flex;\r\n  gap: 1rem;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.ssg-prev-btn,\r\n.ssg-next-btn,\r\n.ssg-submit-btn {\r\n  flex: 1;\r\n  padding: 1rem 2rem;\r\n  border: none;\r\n  border-radius: 12px;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.ssg-prev-btn {\r\n  background: rgba(255,255,255,0.1);\r\n  color: rgba(255,255,255,0.8);\r\n  border: 1px solid rgba(255,255,255,0.2);\r\n}\r\n\r\n.ssg-prev-btn:hover {\r\n  background: rgba(255,255,255,0.15);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.ssg-next-btn,\r\n.ssg-submit-btn {\r\n  background: linear-gradient(135deg, #e74505, #014c5f);\r\n  color: white;\r\n}\r\n\r\n.ssg-next-btn:hover,\r\n.ssg-submit-btn:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 10px 25px rgba(231,69,5,0.4);COLOR:WHITE;\r\n}\r\n\r\n.ssg-btn-shine {\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.ssg-submit-btn:hover .ssg-btn-shine {\r\n  left: 100%;\r\n}\r\n\r\n.ssg-form-footer {\r\n  text-align: center;\r\n  margin-top: 2rem;\r\n  padding-top: 2rem;\r\n  border-top: 1px solid rgba(255,255,255,0.1);\r\n}\r\n\r\n.ssg-form-footer p {\r\n  color: rgba(255,255,255,0.5);\r\n  font-size: 0.9rem;\r\n  margin: 0;\r\n}\r\n\r\n\/* ======= RESPONSIVE DESIGN ======= *\/\r\n\/* Large devices (desktops, 1200px and up) *\/\r\n@media (max-width: 1200px) {\r\n  .ssg-premium-content {\r\n    gap: 3rem;\r\n  }\r\n  \r\n  .ssg-premium-title {\r\n    font-size: 3rem;\r\n  }\r\n  \r\n  .ssg-form-container {\r\n    padding: 2.5rem;\r\n  }\r\n}\r\n\r\n\/* Medium devices (tablets, 992px and up) *\/\r\n@media (max-width: 992px) {\r\n  .ssg-premium-content {\r\n    grid-template-columns: 1fr;\r\n    gap: 3rem;\r\n  }\r\n  \r\n  .ssg-premium-services {\r\n    padding-right: 0;\r\n  }\r\n  \r\n  .ssg-service-checkboxes {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .ssg-premium-title {\r\n    font-size: 2.8rem;\r\n  }\r\n  \r\n  .ssg-premium-description {\r\n    font-size: 1.1rem;\r\n  }\r\n}\r\n\r\n\/* Small devices (landscape phones, 768px and up) *\/\r\n@media (max-width: 768px) {\r\n  .ssg-premium-inquiry {\r\n    padding: 1.5rem 0;\r\n  }\r\n  \r\n  .ssg-premium-container {\r\n    padding: 0 15px;\r\n  }\r\n  \r\n  .ssg-form-container {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .ssg-premium-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .ssg-input-row {\r\n    grid-template-columns: 1fr;\r\n    gap: 0;\r\n  }\r\n  \r\n  .ssg-step-actions {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .ssg-services-showcase {\r\n    max-height: 500px;\r\n  }\r\n  \r\n  .ssg-service-item {\r\n    padding: 1.2rem;\r\n  }\r\n  \r\n  .ssg-form-header h2 {\r\n    font-size: 1.8rem;\r\n  }\r\n}\r\n\r\n\/* Extra small devices (portrait phones, 576px and up) *\/\r\n@media (max-width: 576px) {\r\n  .ssg-premium-title {\r\n    font-size: 2.2rem;\r\n  }\r\n  \r\n  .ssg-form-container {\r\n    padding: 1.5rem;\r\n    border-radius: 20px;\r\n  }\r\n  \r\n  .ssg-service-item {\r\n    padding: 1rem;\r\n    gap: 0.8rem;\r\n    align-items: flex-start; \/* Better text alignment on mobile *\/\r\n  }\r\n  \r\n  .ssg-service-icon-wrapper {\r\n    width: 45px;\r\n    height: 45px;\r\n    margin-top: 0.2rem; \/* Better alignment with text *\/\r\n  }\r\n  \r\n  .ssg-service-icon {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .ssg-service-content h3 {\r\n    font-size: 1rem;\r\n    line-height: 1.4; \/* Better line spacing *\/\r\n    margin-bottom: 0.2rem;\r\n  }\r\n  \r\n  .ssg-service-content p {\r\n    font-size: 0.85rem;\r\n    line-height: 1.4; \/* Better line spacing *\/\r\n  }\r\n  \r\n  .ssg-step-actions button {\r\n    padding: 0.875rem 1.5rem;\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  .ssg-progress-steps {\r\n    gap: 0.5rem;\r\n  }\r\n  \r\n  .ssg-step span {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .ssg-step-number {\r\n    width: 35px;\r\n    height: 35px;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .ssg-progress-bar {\r\n    top: 17px;\r\n  }\r\n  \r\n  .ssg-form-header h2 {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .ssg-form-header p {\r\n    font-size: 0.95rem;\r\n  }\r\n  \r\n  \/* Fix for select fields text cutoff on mobile *\/\r\n  .ssg-input-wrapper select {\r\n    padding: 1.1rem 0; \/* Slightly more padding for better text display *\/\r\n    font-size: 0.95rem;\r\n    line-height: 1.4;\r\n  }\r\n}\r\n\r\n\/* Extra extra small devices (phones, 480px and down) *\/\r\n@media (max-width: 480px) {\r\n  .ssg-premium-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .ssg-premium-description {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .ssg-form-container {\r\n    padding: 1.2rem;\r\n  }\r\n  \r\n  .ssg-service-checkboxes {\r\n    gap: 0.8rem;\r\n  }\r\n  \r\n  .ssg-checkbox-label {\r\n    padding: 0.8rem;\r\n  }\r\n  \r\n  .ssg-checkbox-text {\r\n    font-size: 0.85rem;\r\n  }\r\n  \r\n  .ssg-step-actions button {\r\n    padding: 0.8rem 1.2rem;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .ssg-form-header {\r\n    margin-bottom: 2rem;\r\n  }\r\n  \r\n  .ssg-form-avatar {\r\n    width: 70px;\r\n    height: 70px;\r\n    margin-bottom: 1rem;\r\n  }\r\n  \r\n  .ssg-avatar-icon {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  \/* Additional fixes for very small screens *\/\r\n  .ssg-service-item {\r\n    padding: 0.9rem;\r\n    padding-top: 0px;\r\n  }\r\n  \r\n  .ssg-service-content h3 {\r\n    font-size: 0.8rem;\r\n  }\r\n  \r\n  .ssg-service-content p {\r\n    font-size: 0.82rem;\r\n  }\r\n  \r\n  \/* Ensure select fields display text properly *\/\r\n  .ssg-input-wrapper select {\r\n    padding: 1.2rem 0;\r\n  }\r\n}\r\n\r\n\/* Mobile landscape orientation *\/\r\n@media (max-height: 600px) and (orientation: landscape) {\r\n  .ssg-premium-inquiry {\r\n    min-height: auto;\r\n    padding: 1rem 0;\r\n  }\r\n  \r\n  .ssg-services-showcase {\r\n    max-height: 300px;\r\n  }\r\n  \r\n  .ssg-service-item {\r\n    padding: 1rem;\r\n  }\r\n}\r\n\r\n\/* Fix for iOS Safari specific issues *\/\r\n@supports (-webkit-touch-callout: none) {\r\n  .ssg-input-wrapper select {\r\n    padding: 1.2rem 0; \/* Extra padding for iOS *\/\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const form = document.getElementById('ssgPremiumForm');\r\n  const steps = document.querySelectorAll('.ssg-form-step');\r\n  const progressFill = document.querySelector('.ssg-progress-fill');\r\n  const progressSteps = document.querySelectorAll('.ssg-step');\r\n  const serviceItems = document.querySelectorAll('.ssg-service-item');\r\n  const phoneNumber = '918017375844';\r\n  \r\n  let currentStep = 1;\r\n  \r\n  \/\/ Initialize placeholders\r\n  document.querySelectorAll('.ssg-input-wrapper input, .ssg-input-wrapper textarea').forEach(input => {\r\n    if (!input.getAttribute('placeholder')) {\r\n      input.setAttribute('placeholder', ' ');\r\n    }\r\n  });\r\n  \r\n  \/\/ Service item click handler\r\n  serviceItems.forEach(item => {\r\n    item.addEventListener('click', function() {\r\n      const service = this.getAttribute('data-service');\r\n      const serviceName = getServiceName(service);\r\n      const checkbox = document.querySelector(`input[value=\"${serviceName}\"]`);\r\n      \r\n      if (checkbox) {\r\n        checkbox.checked = !checkbox.checked;\r\n        this.classList.toggle('active');\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Next button handler\r\n  document.querySelectorAll('.ssg-next-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      if (validateStep(currentStep)) {\r\n        currentStep++;\r\n        updateFormSteps();\r\n      }\r\n    });\r\n  });\r\n  \r\n  \/\/ Previous button handler\r\n  document.querySelectorAll('.ssg-prev-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      currentStep--;\r\n      updateFormSteps();\r\n    });\r\n  });\r\n  \r\n  \/\/ Update form steps\r\n  function updateFormSteps() {\r\n    \/\/ Update steps visibility\r\n    steps.forEach(step => {\r\n      step.classList.remove('ssg-step-active');\r\n      if (parseInt(step.getAttribute('data-step')) === currentStep) {\r\n        step.classList.add('ssg-step-active');\r\n      }\r\n    });\r\n    \r\n    \/\/ Update progress steps\r\n    progressSteps.forEach(step => {\r\n      step.classList.remove('ssg-step-active');\r\n      if (parseInt(step.getAttribute('data-step')) <= currentStep) {\r\n        step.classList.add('ssg-step-active');\r\n      }\r\n    });\r\n    \r\n    \/\/ Update progress bar\r\n    progressFill.style.width = `${(currentStep \/ 3) * 100}%`;\r\n  }\r\n  \r\n  \/\/ Validate current step\r\n  function validateStep(step) {\r\n    let isValid = true;\r\n    \r\n    switch (step) {\r\n      case 1:\r\n        const name = document.getElementById('ssgFullName');\r\n        const phone = document.getElementById('ssgPhone');\r\n        const email = document.getElementById('ssgEmail');\r\n        \r\n        if (!name.value.trim()) {\r\n          showError(name, 'Please enter your full name');\r\n          isValid = false;\r\n        }\r\n        if (!phone.value.trim()) {\r\n          showError(phone, 'Please enter your phone number');\r\n          isValid = false;\r\n        }\r\n        if (!email.value.trim() || !isValidEmail(email.value)) {\r\n          showError(email, 'Please enter a valid email address');\r\n          isValid = false;\r\n        }\r\n        break;\r\n        \r\n      case 2:\r\n        const selectedServices = document.querySelectorAll('input[name=\"services\"]:checked');\r\n        if (selectedServices.length === 0) {\r\n          showNotification('Please select at least one service', 'error');\r\n          isValid = false;\r\n        }\r\n        break;\r\n    }\r\n    \r\n    return isValid;\r\n  }\r\n  \r\n  \/\/ Email validation\r\n  function isValidEmail(email) {\r\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n    return emailRegex.test(email);\r\n  }\r\n  \r\n  \/\/ Show error\r\n  function showError(input, message) {\r\n    const wrapper = input.closest('.ssg-input-wrapper');\r\n    wrapper.classList.add('ssg-input-error');\r\n    \r\n    \/\/ Remove existing error\r\n    const existingError = wrapper.querySelector('.ssg-error-message');\r\n    if (existingError) existingError.remove();\r\n    \r\n    \/\/ Add error message\r\n    const error = document.createElement('div');\r\n    error.className = 'ssg-error-message';\r\n    error.textContent = message;\r\n    error.style.cssText = `\r\n      color: #ff6b6b;\r\n      font-size: 0.8rem;\r\n      margin-top: 0.5rem;\r\n      animation: fadeIn 0.3s ease;\r\n    `;\r\n    \r\n    wrapper.appendChild(error);\r\n    \r\n    \/\/ Remove error on input\r\n    input.addEventListener('input', function() {\r\n      wrapper.classList.remove('ssg-input-error');\r\n      error.remove();\r\n    }, { once: true });\r\n  }\r\n  \r\n  \/\/ Get service name from data attribute\r\n  function getServiceName(service) {\r\n    const serviceMap = {\r\n      'interior': 'Interior Decoration',\r\n      'exterior': 'Exterior Decoration',\r\n      'renovation': 'Building Renovation',\r\n      'construction': 'Civil Construction',\r\n      'real-estate': 'Real Estate Project',\r\n      'prefab': 'Prefab House Project',\r\n      'water': 'Drinking Water Project',\r\n      'tea-franchise': 'Tea Stall Franchise',\r\n      'packaging-tea': 'Packaging Tea'\r\n    };\r\n    \r\n    return serviceMap[service] || service;\r\n  }\r\n  \r\n  \/\/ Form submission\r\n  form.addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    if (validateStep(currentStep)) {\r\n      \/\/ Get form data\r\n      const formData = new FormData(form);\r\n      const fullName = formData.get('fullName');\r\n      const phone = formData.get('phone');\r\n      const email = formData.get('email');\r\n      const budget = formData.get('budget');\r\n      const timeline = formData.get('timeline');\r\n      const requirements = formData.get('requirements');\r\n      const services = Array.from(document.querySelectorAll('input[name=\"services\"]:checked')).map(cb => cb.value).join(', ');\r\n      \r\n      \/\/ Create WhatsApp message\r\n      const whatsappMessage = `\r\nSSG LIFESTYLE LTD - Premium Service Inquiry\r\n\r\n\ud83d\udc64 Personal Information:\r\nName: ${fullName}\r\nPhone: ${phone}\r\nEmail: ${email}\r\n\r\n\u2b50 Services Required:\r\n${services}\r\n\r\n\ud83d\udccb Project Details:\r\nBudget: ${budget}\r\nTimeline: ${timeline}\r\nRequirements: ${requirements || 'No specific requirements mentioned'}\r\n\r\nI'm interested in your premium services and would like to discuss further.\r\n      `.trim();\r\n      \r\n      \/\/ Encode message for URL\r\n      const encodedMessage = encodeURIComponent(whatsappMessage);\r\n      \r\n      \/\/ Create WhatsApp URL\r\n      const whatsappURL = `https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`;\r\n      \r\n      \/\/ Open WhatsApp\r\n      window.open(whatsappURL, '_blank');\r\n      \r\n      \/\/ Show success message\r\n      showNotification('Your premium inquiry has been sent successfully!', 'success');\r\n      \r\n      \/\/ Reset form after 2 seconds\r\n      setTimeout(() => {\r\n        form.reset();\r\n        currentStep = 1;\r\n        updateFormSteps();\r\n        serviceItems.forEach(item => item.classList.remove('active'));\r\n      }, 2000);\r\n    }\r\n  });\r\n  \r\n  \/\/ Notification function\r\n  function showNotification(message, type) {\r\n    const notification = document.createElement('div');\r\n    notification.className = `ssg-premium-notification ssg-notification-${type}`;\r\n    notification.innerHTML = `\r\n      <div class=\"ssg-notification-content\">\r\n        <span class=\"ssg-notification-icon\">${type === 'success' ? '\u2705' : '\u26a0\ufe0f'}<\/span>\r\n        <span class=\"ssg-notification-text\">${message}<\/span>\r\n      <\/div>\r\n    `;\r\n    \r\n    \/\/ Add notification styles if not exists\r\n    if (!document.querySelector('#ssgNotificationStyles')) {\r\n      const styles = document.createElement('style');\r\n      styles.id = 'ssgNotificationStyles';\r\n      styles.textContent = `\r\n        .ssg-premium-notification {\r\n          position: fixed;\r\n          top: 20px;\r\n          right: 20px;\r\n          background: rgba(255,255,255,0.95);\r\n          backdrop-filter: blur(20px);\r\n          border-radius: 15px;\r\n          padding: 1rem 1.5rem;\r\n          box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n          z-index: 10000;\r\n          animation: slideInRight 0.5s ease, slideOutRight 0.5s ease 3s forwards;\r\n          border-left: 4px solid #e74505;\r\n        }\r\n        \r\n        .ssg-notification-success {\r\n          border-left-color: #00d26a;\r\n        }\r\n        \r\n        .ssg-notification-error {\r\n          border-left-color: #ff6b6b;\r\n        }\r\n        \r\n        .ssg-notification-content {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 10px;\r\n        }\r\n        \r\n        .ssg-notification-icon {\r\n          font-size: 1.2rem;\r\n        }\r\n        \r\n        .ssg-notification-text {\r\n          color: #1a1a1a;\r\n          font-weight: 500;\r\n        }\r\n        \r\n        @keyframes slideOutRight {\r\n          to {\r\n            transform: translateX(100%);\r\n            opacity: 0;\r\n          }\r\n        }\r\n        \r\n        @keyframes fadeIn {\r\n          from { opacity: 0; }\r\n          to { opacity: 1; }\r\n        }\r\n      `;\r\n      document.head.appendChild(styles);\r\n    }\r\n    \r\n    document.body.appendChild(notification);\r\n    \r\n    \/\/ Remove notification after animation\r\n    setTimeout(() => {\r\n      if (notification.parentNode) {\r\n        notification.parentNode.removeChild(notification);\r\n      }\r\n    }, 3500);\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Services Elevate Your Vision With Us Experience excellence in every project with our premium service portfolio. Let&#8217;s transform your<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-27035","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27035"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27035\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}