{"id":27026,"date":"2025-10-13T12:01:24","date_gmt":"2025-10-13T12:01:24","guid":{"rendered":"https:\/\/sshg.ahamedgroup.store\/?page_id=27026"},"modified":"2025-11-14T07:44:30","modified_gmt":"2025-11-14T07:44:30","slug":"green-real-estate-projects","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27026","title":{"rendered":"Real Estate"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27026\" class=\"elementor elementor-27026\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b09729e wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"b09729e\" 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-e82d292 elementor-widget elementor-widget-html\" data-id=\"e82d292\" 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<!-- ============ SSHG LIFESTYLE | PREMIUM REAL ESTATE ============ -->\r\n<section class=\"sshg-real-estate\" id=\"sshgRealEstate\">\r\n  <div class=\"sshg-container\">\r\n    <!-- Premium Header Section -->\r\n    <div class=\"sshg-project-header\">\r\n      <div class=\"sshg-premium-badge\">\r\n        <span class=\"sshg-badge-icon\"><\/span>\r\n        <span>Premium Luxury Project<\/span>\r\n      <\/div>\r\n      <h1 class=\"sshg-project-title\"> SL Tower<\/h1>\r\n      <p class=\"sshg-project-location\">Newtown Rajarhat Kolkata<\/p>\r\n      <div class=\"sshg-premium-tagline\">\r\n        <div class=\"sshg-tagline-content\">\r\n          <span class=\"sshg-tagline-icon\">\u2728<\/span>\r\n          <span>Your Dream House 4BHK | 1.80 CR Onwards | Airport 5KM<\/span>\r\n          <span class=\"sshg-tagline-icon\">\u2728<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Premium Gallery Section -->\r\n    <div class=\"sshg-gallery-section\">\r\n      <div class=\"sshg-section-title\">\r\n        <div class=\"sshg-title-decoration\">\r\n          <span class=\"sshg-title-icon\">\ud83d\uddbc\ufe0f<\/span>\r\n          <a href=\"https:\/\/green-engagement.org\/\" target=\"_blank\" rel=\"noopener\"><h2>Green Real Estate Projects<\/h2><\/a>\r\n        <\/div>\r\n        <p class=\"sshg-section-subtitle\">Experience Luxury Through Our Visual Journey<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"sshg-gallery-container\">\r\n        <div class=\"sshg-gallery-main\">\r\n          <div class=\"sshg-main-image\" id=\"sshgMainImage\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/q3hPZB6G\/Whats-App-Image-2025-10-13-at-7-49-37-PM.jpg\" alt=\"SSHG LIFESTYLE Tower\" class=\"sshg-active-image\">\r\n            <div class=\"sshg-image-overlay-content\">\r\n              <h3>Premium Luxury Living<\/h3>\r\n              <p>Experience the finest amenities and architecture<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-gallery-controls\">\r\n            <div class=\"sshg-image-counter\">\r\n              <span id=\"sshgCurrentImage\">1<\/span> \/ <span id=\"sshgTotalImages\">6<\/span>\r\n            <\/div>\r\n            <div class=\"sshg-image-navigation\">\r\n              <button class=\"sshg-nav-btn sshg-prev-btn\" id=\"sshgPrevBtn\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <\/svg>\r\n              <\/button>\r\n              <button class=\"sshg-nav-btn sshg-next-btn\" id=\"sshgNextBtn\">\r\n                <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\r\n                  <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <\/svg>\r\n              <\/button>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"sshg-gallery-thumbnails\">\r\n          <div class=\"sshg-thumbnail active\" data-image=\"https:\/\/i.ibb.co\/q3hPZB6G\/Whats-App-Image-2025-10-13-at-7-49-37-PM.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/q3hPZB6G\/Whats-App-Image-2025-10-13-at-7-49-37-PM.jpg\" alt=\"Green Real Estate Projects\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 1<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-thumbnail\" data-image=\"https:\/\/i.ibb.co\/bj6xLvvf\/Whats-App-Image-2025-10-13-at-7-49-40-PM.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/bj6xLvvf\/Whats-App-Image-2025-10-13-at-7-49-40-PM.jpg\" alt=\"Project View 2\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 2<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-thumbnail\" data-image=\"https:\/\/i.ibb.co\/XZd8W6SH\/Whats-App-Image-2025-10-13-at-7-49-39-PM.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/XZd8W6SH\/Whats-App-Image-2025-10-13-at-7-49-39-PM.jpg\" alt=\"Project View 3\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 3<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-thumbnail\" data-image=\"https:\/\/i.ibb.co\/tM7qGVZm\/Whats-App-Image-2025-10-13-at-7-49-38-PM-1.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/tM7qGVZm\/Whats-App-Image-2025-10-13-at-7-49-38-PM-1.jpg\" alt=\"Project View 4\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 4<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-thumbnail\" data-image=\"https:\/\/i.ibb.co\/LXQhXsWP\/Whats-App-Image-2025-10-13-at-7-49-38-PM.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/LXQhXsWP\/Whats-App-Image-2025-10-13-at-7-49-38-PM.jpg\" alt=\"Project View 5\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 5<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"sshg-thumbnail\" data-image=\"https:\/\/i.ibb.co\/wFNPb2hf\/Whats-App-Image-2025-10-13-at-7-49-36-PM.jpg\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/wFNPb2hf\/Whats-App-Image-2025-10-13-at-7-49-36-PM.jpg\" alt=\"Project View 6\">\r\n            <div class=\"sshg-thumbnail-overlay\">\r\n              <span>View 6<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Premium Content Grid -->\r\n    <div class=\"sshg-content-grid\">\r\n      <!-- Project Overview -->\r\n      <div class=\"sshg-overview-section\">\r\n        <div class=\"sshg-section-title\">\r\n          <div class=\"sshg-title-decoration\">\r\n            <span class=\"sshg-title-icon\">\ud83c\udfd7\ufe0f<\/span>\r\n            <h2>Green Real Estate Projects<\/h2>\r\n          <\/div>\r\n          <p class=\"sshg-section-subtitle\">Excellence in Every Detail<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"sshg-stats-grid\">\r\n          <div class=\"sshg-stat-card\">\r\n            <div class=\"sshg-stat-icon\">\ud83d\udcd0<\/div>\r\n            <div class=\"sshg-stat-content\">\r\n              <h3>14,400 sq ft<\/h3>\r\n              <p>Total Area<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-stat-decoration\"><\/div>\r\n          <\/div>\r\n          <div class=\"sshg-stat-card\">\r\n            <div class=\"sshg-stat-icon\">\ud83c\udfe2<\/div>\r\n            <div class=\"sshg-stat-content\">\r\n              <h3>12,000+ sq ft<\/h3>\r\n              <p>Built-Up Area<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-stat-decoration\"><\/div>\r\n          <\/div>\r\n          <div class=\"sshg-stat-card\">\r\n            <div class=\"sshg-stat-icon\">\ud83d\udccf<\/div>\r\n            <div class=\"sshg-stat-content\">\r\n              <h3>144\u00d7100 ft<\/h3>\r\n              <p>Plot Dimensions<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-stat-decoration\"><\/div>\r\n          <\/div>\r\n          <div class=\"sshg-stat-card\">\r\n            <div class=\"sshg-stat-icon\">\ud83c\udfe0<\/div>\r\n            <div class=\"sshg-stat-content\">\r\n              <h3>4 Configurations<\/h3>\r\n              <p>1-4 BHK Flats<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-stat-decoration\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Flat Configurations -->\r\n        <div class=\"sshg-flats-section\">\r\n          <div class=\"sshg-section-title\">\r\n            <h3 class=\"sshg-flats-title\">Premium Flat Configurations<\/h3>\r\n            <p class=\"sshg-section-subtitle\">Tailored to Your Lifestyle<\/p>\r\n          <\/div>\r\n          <div class=\"sshg-flats-grid\">\r\n            <div class=\"sshg-flat-card\">\r\n              <div class=\"sshg-flat-header\">\r\n                <div class=\"sshg-flat-badge\">1 BHK<\/div>\r\n                <div class=\"sshg-flat-icon\">\ud83c\udfe1<\/div>\r\n              <\/div>\r\n              <div class=\"sshg-flat-size\">400-500 sq ft<\/div>\r\n              <div class=\"sshg-flat-features\">\r\n                <span>Premium Finishing<\/span>\r\n                <span>Smart Home Ready<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sshg-flat-card\">\r\n              <div class=\"sshg-flat-header\">\r\n                <div class=\"sshg-flat-badge\">2 BHK<\/div>\r\n                <div class=\"sshg-flat-icon\">\ud83c\udfd8\ufe0f<\/div>\r\n              <\/div>\r\n              <div class=\"sshg-flat-size\">800-900 sq ft<\/div>\r\n              <div class=\"sshg-flat-features\">\r\n                <span>Spacious Living<\/span>\r\n                <span>Balcony Views<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sshg-flat-card\">\r\n              <div class=\"sshg-flat-header\">\r\n                <div class=\"sshg-flat-badge\">3 BHK<\/div>\r\n                <div class=\"sshg-flat-icon\">\ud83c\udfe2<\/div>\r\n              <\/div>\r\n              <div class=\"sshg-flat-size\">~1200 sq ft<\/div>\r\n              <div class=\"sshg-flat-features\">\r\n                <span>Family Luxury<\/span>\r\n                <span>Premium Amenities<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"sshg-flat-card\">\r\n              <div class=\"sshg-flat-header\">\r\n                <div class=\"sshg-flat-badge\">4 BHK<\/div>\r\n                <div class=\"sshg-flat-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n              <\/div>\r\n              <div class=\"sshg-flat-size\">~1500 sq ft<\/div>\r\n              <div class=\"sshg-flat-features\">\r\n                <span>Ultra Luxury<\/span>\r\n                <span>Panoramic Views<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Premium Features -->\r\n      <div class=\"sshg-features-section\">\r\n        <div class=\"sshg-section-title\">\r\n          <div class=\"sshg-title-decoration\">\r\n            <span class=\"sshg-title-icon\">\u2b50<\/span>\r\n            <h2>Premium Amenities<\/h2>\r\n          <\/div>\r\n          <p class=\"sshg-section-subtitle\">Unmatched Luxury Experience<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"sshg-features-grid\">\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\ud83c\udfca<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>Underground Swimming Pool<\/h4>\r\n              <p>Temperature controlled luxury pool with premium lounge area<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Premium<\/div>\r\n          <\/div>\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\ud83d\udcaa<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>Underground Gym<\/h4>\r\n              <p>Premium fitness equipment with personal training zone<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Elite<\/div>\r\n          <\/div>\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\ud83c\udfac<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>Underground Cinema Hall<\/h4>\r\n              <p>Private movie theater with Dolby Atmos experience<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Luxury<\/div>\r\n          <\/div>\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\ud83d\ude97<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>Car Parking<\/h4>\r\n              <p>Ample secured parking space with valet service<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Secure<\/div>\r\n          <\/div>\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\u26a1<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>24\/7 Electricity<\/h4>\r\n              <p>DG backup & uninterrupted power supply<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Reliable<\/div>\r\n          <\/div>\r\n          <div class=\"sshg-feature-card\">\r\n            <div class=\"sshg-feature-icon\">\u2744\ufe0f<\/div>\r\n            <div class=\"sshg-feature-content\">\r\n              <h4>Central AC<\/h4>\r\n              <p>Full building climate control with smart automation<\/p>\r\n            <\/div>\r\n            <div class=\"sshg-feature-badge\">Comfort<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Premium Enquiry Form -->\r\n      <div class=\"sshg-enquiry-section\">\r\n        <div class=\"sshg-enquiry-container\">\r\n          <div class=\"sshg-section-title\">\r\n            <div class=\"sshg-title-decoration\">\r\n              <span class=\"sshg-title-icon\">\ud83d\udcde<\/span>\r\n              <h2>Schedule a Premium Tour<\/h2>\r\n            <\/div>\r\n            <p class=\"sshg-section-subtitle\">Experience Luxury Firsthand<\/p>\r\n          <\/div>\r\n\r\n          <form class=\"sshg-enquiry-form\" id=\"sshgEnquiryForm\">\r\n            <div class=\"sshg-form-header\">\r\n              <div class=\"sshg-form-badge\">Exclusive Access<\/div>\r\n              <h3>Green Real Estate Projects<\/h3>\r\n              <p>Get complete project brochure & personalized consultation<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"sshg-form-grid\">\r\n              <div class=\"sshg-form-group\">\r\n                <div class=\"sshg-input-group\">\r\n                  <input type=\"text\" id=\"sshgName\" name=\"name\" required placeholder=\" \">\r\n                  <label for=\"sshgName\">Full Name<\/label>\r\n                  <span class=\"sshg-input-icon\">\ud83d\udc64<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-form-group\">\r\n                <div class=\"sshg-input-group\">\r\n                  <input type=\"tel\" id=\"sshgPhone\" name=\"phone\" required placeholder=\" \">\r\n                  <label for=\"sshgPhone\">Phone Number<\/label>\r\n                  <span class=\"sshg-input-icon\">\ud83d\udcf1<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-form-group\">\r\n                <div class=\"sshg-input-group\">\r\n                  <input type=\"email\" id=\"sshgEmail\" name=\"email\" required placeholder=\" \">\r\n                  <label for=\"sshgEmail\">Email Address<\/label>\r\n                  <span class=\"sshg-input-icon\">\u2709\ufe0f<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-form-group\">\r\n                <div class=\"sshg-input-group\">\r\n                  <select id=\"sshgInterest\" name=\"interest\" required>\r\n                    <option value=\"\"><\/option>\r\n                    <option value=\"1 BHK (400-500 sq ft)\">1 BHK (400-500 sq ft)<\/option>\r\n                    <option value=\"2 BHK (800-900 sq ft)\">2 BHK (800-900 sq ft)<\/option>\r\n                    <option value=\"3 BHK (~1200 sq ft)\">3 BHK (~1200 sq ft)<\/option>\r\n                    <option value=\"4 BHK (~1500 sq ft)\">4 BHK (~1500 sq ft)<\/option>\r\n                    <option value=\"All Configurations\">All Configurations<\/option>\r\n                  <\/select>\r\n                  <label for=\"sshgInterest\">Flat Preference<\/label>\r\n                  <span class=\"sshg-input-icon\">\ud83c\udfe0<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"sshg-form-group sshg-full-width\">\r\n                <div class=\"sshg-input-group\">\r\n                  <textarea id=\"sshgMessage\" name=\"message\" rows=\"3\" placeholder=\" \"><\/textarea>\r\n                  <label for=\"sshgMessage\">Additional Requirements<\/label>\r\n                  <span class=\"sshg-input-icon\">\ud83d\udcac<\/span>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <button type=\"submit\" class=\"sshg-submit-btn\">\r\n              <span class=\"sshg-btn-text\">Request Premium Details<\/span>\r\n              <span class=\"sshg-btn-icon\">\u2192<\/span>\r\n              <div class=\"sshg-btn-shine\"><\/div>\r\n            <\/button>\r\n\r\n            <div class=\"sshg-form-assurance\">\r\n              <div class=\"sshg-assurance-item\">\r\n                <span class=\"sshg-assurance-icon\">\ud83d\udd12<\/span>\r\n                <span>Your information is secure<\/span>\r\n              <\/div>\r\n              <div class=\"sshg-assurance-item\">\r\n                <span class=\"sshg-assurance-icon\">\u23f0<\/span>\r\n                <span>We'll contact you within 24 hours<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ======= PREMIUM SSHG REAL ESTATE STYLES ======= *\/\r\n.sshg-real-estate {\r\n  padding: 5rem 0;\r\n  background: linear-gradient(135deg, #0a2e38 0%, #014c5f 30%, #02566b 60%, #e74505 100%);\r\n  font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-real-estate::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: \r\n    radial-gradient(circle at 20% 80%, rgba(231, 69, 5, 0.1) 0%, transparent 50%),\r\n    radial-gradient(circle at 80% 20%, rgba(1, 76, 95, 0.1) 0%, transparent 50%),\r\n    linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.03) 100%);\r\n  z-index: 0;\r\n}\r\n\r\n.sshg-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  padding: 0 2rem;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* Premium Header Styles *\/\r\n.sshg-project-header {\r\n  text-align: center;\r\n  margin-bottom: 5rem;\r\n  position: relative;\r\n}\r\n\r\n.sshg-premium-badge {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 0.75rem;\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  color: white;\r\n  padding: 0.75rem 2rem;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  font-size: 1rem;\r\n  letter-spacing: 0.5px;\r\n  margin-bottom: 2rem;\r\n  box-shadow: 0 8px 25px rgba(231, 69, 5, 0.3);\r\n  animation: float 3s ease-in-out infinite;\r\n}\r\n\r\n.sshg-badge-icon {\r\n  font-size: 1.2rem;\r\n}\r\n\r\n@keyframes float {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-5px); }\r\n}\r\n\r\n.sshg-project-title {\r\n  font-size: 4rem;\r\n  font-weight: 800;\r\n  color: white;\r\n  margin-bottom: 1rem;\r\n  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);\r\n  background: linear-gradient(135deg, #ffffff, #e0f7ff);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.sshg-project-location {\r\n  font-size: 1.5rem;\r\n  color: rgba(255, 255, 255, 0.9);\r\n  margin-bottom: 2rem;\r\n  font-weight: 500;\r\n}\r\n\r\n.sshg-premium-tagline {\r\n  display: inline-block;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: 50px;\r\n  padding: 1rem 2.5rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-tagline-content {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  color: white;\r\n  font-weight: 600;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.sshg-tagline-icon {\r\n  font-size: 1.2rem;\r\n  animation: sparkle 2s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sparkle {\r\n  0%, 100% { opacity: 1; transform: scale(1); }\r\n  50% { opacity: 0.7; transform: scale(1.1); }\r\n}\r\n\r\n\/* Premium Gallery Section *\/\r\n.sshg-gallery-section {\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.sshg-gallery-container {\r\n  background: rgba(255, 255, 255, 0.05);\r\n  backdrop-filter: blur(20px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 30px;\r\n  overflow: hidden;\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n  position: relative;\r\n}\r\n\r\n.sshg-gallery-main {\r\n  position: relative;\r\n  height: 600px;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-main-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.sshg-main-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.8s ease;\r\n}\r\n\r\n.sshg-main-image:hover img {\r\n  transform: scale(1.03);\r\n}\r\n\r\n.sshg-image-overlay-content {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));\r\n  padding: 3rem;\r\n  color: white;\r\n}\r\n\r\n.sshg-image-overlay-content h3 {\r\n  font-size: 2rem;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 700;\r\n  color:white;\r\n}\r\n\r\n.sshg-image-overlay-content p {\r\n  font-size: 1.1rem;\r\n  opacity: 0.9;\r\n  margin: 0;\r\n}\r\n\r\n.sshg-gallery-controls {\r\n  position: absolute;\r\n  bottom: 2rem;\r\n  right: 2rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  background: rgba(0, 0, 0, 0.6);\r\n  backdrop-filter: blur(10px);\r\n  padding: 1rem 1.5rem;\r\n  border-radius: 50px;\r\n}\r\n\r\n.sshg-image-counter {\r\n  color: white;\r\n  font-weight: 600;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.sshg-image-navigation {\r\n  display: flex;\r\n  gap: 0.75rem;\r\n}\r\n\r\n.sshg-nav-btn {\r\n  background: rgba(231, 69, 5, 0.9);\r\n  color: white;\r\n  border: none;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-nav-btn::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.sshg-nav-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-nav-btn:hover {\r\n  background: #e74505;\r\n  transform: scale(1.1);\r\n  box-shadow: 0 5px 15px rgba(231, 69, 5, 0.5);\r\n}\r\n\r\n.sshg-gallery-thumbnails {\r\n  display: grid;\r\n  grid-template-columns: repeat(6, 1fr);\r\n  gap: 1px;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  padding: 1.5rem;\r\n}\r\n\r\n.sshg-thumbnail {\r\n  height: 120px;\r\n  cursor: pointer;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 15px;\r\n  transition: all 0.3s ease;\r\n  opacity: 0.7;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.sshg-thumbnail:hover {\r\n  opacity: 1;\r\n  transform: translateY(-5px);\r\n  border-color: rgba(231, 69, 5, 0.5);\r\n}\r\n\r\n.sshg-thumbnail.active {\r\n  opacity: 1;\r\n  border-color: #e74505;\r\n  transform: scale(1.05);\r\n}\r\n\r\n.sshg-thumbnail img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sshg-thumbnail:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.sshg-thumbnail-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));\r\n  color: white;\r\n  padding: 0.5rem;\r\n  text-align: center;\r\n  font-size: 0.8rem;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Section Title *\/\r\n.sshg-section-title {\r\n  margin-bottom: 3rem;\r\n  text-align: center;\r\n}\r\n\r\n.sshg-title-decoration {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.sshg-section-title h2 {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin: 0;\r\n  background: linear-gradient(135deg, #ffffff, #e0f7ff);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.sshg-title-icon {\r\n  font-size: 2.5rem;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  padding: 1rem;\r\n  border-radius: 15px;\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n}\r\n\r\n.sshg-section-subtitle {\r\n  color: rgba(255, 255, 255, 0.8);\r\n  font-size: 1.2rem;\r\n  margin: 0;\r\n  font-weight: 400;\r\n}\r\n\r\n\/* Content Grid *\/\r\n.sshg-content-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 4rem;\r\n  align-items: start;\r\n}\r\n\r\n.sshg-overview-section {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.sshg-features-section {\r\n  grid-column: 1;\r\n}\r\n\r\n.sshg-enquiry-section {\r\n  grid-column: 2;\r\n}\r\n\r\n\/* Stats Grid *\/\r\n.sshg-stats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 2rem;\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.sshg-stat-card {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 25px;\r\n  padding: 2.5rem 2rem;\r\n  text-align: center;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-stat-card::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.1), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-stat-card:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-stat-card:hover {\r\n  transform: translateY(-8px);\r\n  border-color: rgba(231, 69, 5, 0.5);\r\n  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.sshg-stat-icon {\r\n  font-size: 3rem;\r\n  margin-bottom: 1.5rem;\r\n  display: block;\r\n}\r\n\r\n.sshg-stat-content h3 {\r\n  font-size: 1.8rem;\r\n  font-weight: 700;\r\n  color: white;\r\n  margin-bottom: 0.75rem;\r\n}\r\n\r\n.sshg-stat-content p {\r\n  color: rgba(255, 255, 255, 0.8);\r\n  margin: 0;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.sshg-stat-decoration {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 40px;\r\n  height: 3px;\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  border-radius: 2px;\r\n}\r\n\r\n\/* Flats Section *\/\r\n.sshg-flats-section {\r\n  margin-top: 4rem;\r\n}\r\n\r\n.sshg-flats-title {\r\n  font-size: 2rem;\r\n  color: white;\r\n  margin-bottom: 1rem;\r\n  text-align: center;\r\n}\r\n\r\n.sshg-flats-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 1.5rem;\r\n}\r\n\r\n.sshg-flat-card {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 20px;\r\n  padding: 2rem;\r\n  text-align: center;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-flat-card:hover {\r\n  transform: translateY(-5px);\r\n  border-color: #e74505;\r\n  box-shadow: 0 10px 25px rgba(231, 69, 5, 0.2);\r\n}\r\n\r\n.sshg-flat-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.sshg-flat-badge {\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  color: white;\r\n  padding: 0.5rem 1.5rem;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.sshg-flat-icon {\r\n  font-size: 2rem;\r\n}\r\n\r\n.sshg-flat-size {\r\n  color: white;\r\n  font-size: 1.3rem;\r\n  font-weight: 600;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.sshg-flat-features {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.5rem;\r\n}\r\n\r\n.sshg-flat-features span {\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 0.9rem;\r\n  padding: 0.25rem 0;\r\n}\r\n\r\n\/* Features Grid *\/\r\n.sshg-features-grid {\r\n  display: grid;\r\n  gap: 1.5rem;\r\n  max-height: 700px;\r\n  overflow-y: auto;\r\n  padding-right: 15px;\r\n}\r\n\r\n.sshg-features-grid::-webkit-scrollbar {\r\n  width: 8px;\r\n}\r\n\r\n.sshg-features-grid::-webkit-scrollbar-track {\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border-radius: 10px;\r\n}\r\n\r\n.sshg-features-grid::-webkit-scrollbar-thumb {\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  border-radius: 10px;\r\n}\r\n\r\n.sshg-feature-card {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(15px);\r\n  border: 1px solid rgba(255, 255, 255, 0.15);\r\n  border-radius: 20px;\r\n  padding: 2rem;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1.5rem;\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  animation: slideInUp 0.6s ease forwards;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.sshg-feature-card:nth-child(1) { animation-delay: 0.1s; }\r\n.sshg-feature-card:nth-child(2) { animation-delay: 0.2s; }\r\n.sshg-feature-card:nth-child(3) { animation-delay: 0.3s; }\r\n.sshg-feature-card:nth-child(4) { animation-delay: 0.4s; }\r\n.sshg-feature-card:nth-child(5) { animation-delay: 0.5s; }\r\n.sshg-feature-card:nth-child(6) { animation-delay: 0.6s; }\r\n\r\n@keyframes slideInUp {\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n.sshg-feature-card:hover {\r\n  transform: translateX(10px);\r\n  border-color: #e74505;\r\n  background: rgba(255, 255, 255, 0.12);\r\n}\r\n\r\n.sshg-feature-icon {\r\n  font-size: 2.5rem;\r\n  background: rgba(231, 69, 5, 0.2);\r\n  padding: 1rem;\r\n  border-radius: 15px;\r\n  flex-shrink: 0;\r\n  min-width: 70px;\r\n  text-align: center;\r\n}\r\n\r\n.sshg-feature-content h4 {\r\n  color: white;\r\n  margin: 0 0 0.5rem 0;\r\n  font-size: 1.3rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.sshg-feature-content p {\r\n  color: rgba(255, 255, 255, 0.7);\r\n  margin: 0;\r\n  font-size: 1rem;\r\n  line-height: 1.5;\r\n}\r\n\r\n.sshg-feature-badge {\r\n  position: absolute;\r\n  top: 1rem;\r\n  right: 1rem;\r\n  background: rgba(231, 69, 5, 0.2);\r\n  color: #ff8c42;\r\n  padding: 0.25rem 0.75rem;\r\n  border-radius: 15px;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n  border: 1px solid rgba(231, 69, 5, 0.3);\r\n}\r\n\r\n\/* Enquiry Section *\/\r\n.sshg-enquiry-section {\r\n  position: sticky;\r\n  top: 2rem;\r\n}\r\n\r\n.sshg-enquiry-container {\r\n  background: rgba(255, 255, 255, 0.08);\r\n  backdrop-filter: blur(25px);\r\n  border: 1px solid rgba(255, 255, 255, 0.2);\r\n  border-radius: 30px;\r\n  padding: 3rem;\r\n  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.3);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-enquiry-container::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -50%;\r\n  left: -50%;\r\n  width: 200%;\r\n  height: 200%;\r\n  background: radial-gradient(circle, rgba(231, 69, 5, 0.1) 0%, transparent 70%);\r\n  z-index: 0;\r\n}\r\n\r\n.sshg-enquiry-form {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.sshg-form-header {\r\n  text-align: center;\r\n  margin-bottom: 2.5rem;\r\n}\r\n\r\n.sshg-form-badge {\r\n  display: inline-block;\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  color: white;\r\n  padding: 0.5rem 1.5rem;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.sshg-form-header h3 {\r\n  color: white;\r\n  font-size: 1.8rem;\r\n  margin-bottom: 0.75rem;\r\n  font-weight: 700;\r\n}\r\n\r\n.sshg-form-header p {\r\n  color: rgba(255, 255, 255, 0.8);\r\n  margin: 0;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.sshg-form-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 1.5rem;\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.sshg-form-group {\r\n  margin-bottom: 0;\r\n}\r\n\r\n.sshg-form-group.sshg-full-width {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.sshg-input-group {\r\n  position: relative;\r\n}\r\n\r\n.sshg-input-group input,\r\n.sshg-input-group select,\r\n.sshg-input-group textarea {\r\n  width: 100%;\r\n  padding: 1.25rem 1.25rem 1.25rem 3.5rem;\r\n  background: rgba(255, 255, 255, 0.1);\r\n  border: 1px solid rgba(255, 255, 255, 0.3);\r\n  border-radius: 15px;\r\n  color: white;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n  font-family: inherit;\r\n}\r\n\r\n.sshg-input-group input:focus,\r\n.sshg-input-group select:focus,\r\n.sshg-input-group textarea:focus {\r\n  outline: none;\r\n  border-color: #e74505;\r\n  background: rgba(255, 255, 255, 0.15);\r\n  box-shadow: 0 0 0 3px rgba(231, 69, 5, 0.2);\r\n}\r\n\r\n.sshg-input-group label {\r\n  position: absolute;\r\n  left: 3.5rem;\r\n  top: 1.25rem;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  transition: all 0.3s ease;\r\n  pointer-events: none;\r\n  font-size: 1rem;\r\n}\r\n\r\n.sshg-input-group input:focus + label,\r\n.sshg-input-group input:not(:placeholder-shown) + label,\r\n.sshg-input-group select:focus + label,\r\n.sshg-input-group select:not([value=\"\"]) + label,\r\n.sshg-input-group textarea:focus + label,\r\n.sshg-input-group textarea:not(:placeholder-shown) + label {\r\n  top: -0.5rem;\r\n  left: 1rem;\r\n  font-size: 0.8rem;\r\n  background: #014c5f;\r\n  padding: 0 0.5rem;\r\n  color: white;\r\n}\r\n\r\n.sshg-input-icon {\r\n  position: absolute;\r\n  left: 1.25rem;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  color: rgba(255, 255, 255, 0.7);\r\n  pointer-events: none;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.sshg-input-group textarea {\r\n  resize: vertical;\r\n  min-height: 100px;\r\n  font-family: inherit;\r\n}\r\n\r\n.sshg-submit-btn {\r\n  width: 100%;\r\n  background: linear-gradient(135deg, #e74505, #ff8c42);\r\n  color: white;\r\n  border: none;\r\n  padding: 1.5rem 2rem;\r\n  border-radius: 20px;\r\n  font-size: 1.2rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.sshg-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.3), transparent);\r\n  transition: left 0.6s ease;\r\n}\r\n\r\n.sshg-submit-btn:hover .sshg-btn-shine {\r\n  left: 100%;\r\n}\r\n\r\n.sshg-submit-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 15px 30px rgba(231, 69, 5, 0.5);\r\n}\r\n\r\n.sshg-btn-icon {\r\n  font-size: 1.3rem;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sshg-submit-btn:hover .sshg-btn-icon {\r\n  transform: translateX(5px);\r\n}\r\n\r\n.sshg-form-assurance {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 2rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.sshg-assurance-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.5rem;\r\n  color: rgba(255, 255, 255, 0.7);\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.sshg-assurance-icon {\r\n  font-size: 1rem;\r\n}\r\n\r\n\/* ======= PREMIUM RESPONSIVE DESIGN ======= *\/\r\n@media (max-width: 1200px) {\r\n  .sshg-content-grid {\r\n    gap: 3rem;\r\n  }\r\n  \r\n  .sshg-gallery-thumbnails {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n  \r\n  .sshg-project-title {\r\n    font-size: 3.5rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .sshg-content-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .sshg-features-section,\r\n  .sshg-enquiry-section {\r\n    grid-column: 1;\r\n  }\r\n  \r\n  .sshg-enquiry-section {\r\n    position: static;\r\n  }\r\n  \r\n  .sshg-project-title {\r\n    font-size: 3rem;\r\n  }\r\n  \r\n  .sshg-gallery-main {\r\n    height: 500px;\r\n  }\r\n  \r\n  .sshg-form-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .sshg-real-estate {\r\n    padding: 3rem 0;\r\n  }\r\n  \r\n  .sshg-container {\r\n    padding: 0 1.5rem;\r\n  }\r\n  \r\n  .sshg-project-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .sshg-project-location {\r\n    font-size: 1.3rem;\r\n  }\r\n  \r\n  .sshg-tagline-content {\r\n    flex-direction: column;\r\n    gap: 0.5rem;\r\n  }\r\n  \r\n  .sshg-stats-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .sshg-flats-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .sshg-enquiry-container {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .sshg-gallery-main {\r\n    height: 400px;\r\n  }\r\n  \r\n  .sshg-gallery-thumbnails {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .sshg-gallery-controls {\r\n    bottom: 1rem;\r\n    right: 1rem;\r\n    padding: 0.75rem 1.25rem;\r\n  }\r\n  \r\n  .sshg-image-overlay-content {\r\n    padding: 2rem;\r\n  }\r\n  \r\n  .sshg-image-overlay-content h3 {\r\n    font-size: 1.5rem;\r\n  }\r\n  \r\n  .sshg-section-title h2 {\r\n    font-size: 2rem;\r\n  }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n  .sshg-container {\r\n    padding: 0 1rem;\r\n  }\r\n  \r\n  .sshg-project-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .sshg-section-title h2 {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .sshg-flats-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .sshg-enquiry-container {\r\n    padding: 1.5rem;\r\n  }\r\n  \r\n  .sshg-feature-card {\r\n    padding: 1.5rem;\r\n    flex-direction: column;\r\n    text-align: center;\r\n    gap: 1rem;\r\n  }\r\n  \r\n  .sshg-gallery-main {\r\n    height: 300px;\r\n  }\r\n  \r\n  .sshg-gallery-thumbnails {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    padding: 1rem;\r\n  }\r\n  \r\n  .sshg-thumbnail {\r\n    height: 100px;\r\n  }\r\n  \r\n  .sshg-premium-badge {\r\n    padding: 0.5rem 1.5rem;\r\n    font-size: 0.9rem;\r\n  }\r\n  \r\n  .sshg-form-assurance {\r\n    flex-direction: column;\r\n    gap: 1rem;\r\n    align-items: center;\r\n  }\r\n  \r\n  .sshg-stat-card {\r\n    padding: 2rem 1.5rem;\r\n  }\r\n  \r\n  .sshg-flat-card {\r\n    padding: 1.5rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  const enquiryForm = document.getElementById('sshgEnquiryForm');\r\n  const phoneNumber = '918017375844';\r\n  \r\n  \/\/ Premium Image Gallery Functionality\r\n  const mainImage = document.getElementById('sshgMainImage');\r\n  const thumbnails = document.querySelectorAll('.sshg-thumbnail');\r\n  const prevBtn = document.getElementById('sshgPrevBtn');\r\n  const nextBtn = document.getElementById('sshgNextBtn');\r\n  const currentImageSpan = document.getElementById('sshgCurrentImage');\r\n  const totalImagesSpan = document.getElementById('sshgTotalImages');\r\n  \r\n  let currentImageIndex = 0;\r\n  const totalImages = thumbnails.length;\r\n  let autoSlideInterval;\r\n  \r\n  totalImagesSpan.textContent = totalImages;\r\n  \r\n  \/\/ Function to update main image\r\n  function updateMainImage(index) {\r\n    \/\/ Remove active class from all thumbnails\r\n    thumbnails.forEach(thumb => thumb.classList.remove('active'));\r\n    \r\n    \/\/ Add active class to current thumbnail\r\n    thumbnails[index].classList.add('active');\r\n    \r\n    \/\/ Update main image with smooth transition\r\n    const imageSrc = thumbnails[index].getAttribute('data-image');\r\n    const newImage = new Image();\r\n    newImage.src = imageSrc;\r\n    newImage.alt = \"SSHG LIFESTYLE Tower\";\r\n    newImage.style.width = '100%';\r\n    newImage.style.height = '100%';\r\n    newImage.style.objectFit = 'cover';\r\n    \r\n    \/\/ Fade transition\r\n    mainImage.style.opacity = '0';\r\n    setTimeout(() => {\r\n      mainImage.innerHTML = '';\r\n      mainImage.appendChild(newImage);\r\n      \r\n      \/\/ Add overlay content back\r\n      const overlayContent = document.createElement('div');\r\n      overlayContent.className = 'sshg-image-overlay-content';\r\n      overlayContent.innerHTML = `\r\n        <h3>Premium Luxury Living<\/h3>\r\n        <p>Experience the finest amenities and architecture<\/p>\r\n      `;\r\n      mainImage.appendChild(overlayContent);\r\n      \r\n      mainImage.style.opacity = '1';\r\n    }, 300);\r\n    \r\n    \/\/ Update counter\r\n    currentImageIndex = index;\r\n    currentImageSpan.textContent = index + 1;\r\n  }\r\n  \r\n  \/\/ Thumbnail click event\r\n  thumbnails.forEach((thumbnail, index) => {\r\n    thumbnail.addEventListener('click', () => {\r\n      updateMainImage(index);\r\n      resetAutoSlide();\r\n    });\r\n  });\r\n  \r\n  \/\/ Navigation buttons\r\n  prevBtn.addEventListener('click', () => {\r\n    const newIndex = (currentImageIndex - 1 + totalImages) % totalImages;\r\n    updateMainImage(newIndex);\r\n    resetAutoSlide();\r\n  });\r\n  \r\n  nextBtn.addEventListener('click', () => {\r\n    const newIndex = (currentImageIndex + 1) % totalImages;\r\n    updateMainImage(newIndex);\r\n    resetAutoSlide();\r\n  });\r\n  \r\n  \/\/ Auto slide functionality\r\n  function startAutoSlide() {\r\n    autoSlideInterval = setInterval(() => {\r\n      const newIndex = (currentImageIndex + 1) % totalImages;\r\n      updateMainImage(newIndex);\r\n    }, 5000);\r\n  }\r\n  \r\n  function resetAutoSlide() {\r\n    clearInterval(autoSlideInterval);\r\n    startAutoSlide();\r\n  }\r\n  \r\n  \/\/ Start auto slide\r\n  startAutoSlide();\r\n  \r\n  \/\/ Pause auto slide on hover\r\n  mainImage.addEventListener('mouseenter', () => {\r\n    clearInterval(autoSlideInterval);\r\n  });\r\n  \r\n  mainImage.addEventListener('mouseleave', () => {\r\n    startAutoSlide();\r\n  });\r\n  \r\n  \/\/ Form submission handler\r\n  enquiryForm.addEventListener('submit', function(e) {\r\n    e.preventDefault();\r\n    \r\n    \/\/ Get form data\r\n    const formData = new FormData(enquiryForm);\r\n    const name = formData.get('name');\r\n    const phone = formData.get('phone');\r\n    const email = formData.get('email');\r\n    const interest = formData.get('interest');\r\n    const message = formData.get('message');\r\n    \r\n    \/\/ Validate form\r\n    if (!name || !phone || !email || !interest) {\r\n      showNotification('Please fill in all required fields', 'error');\r\n      return;\r\n    }\r\n    \r\n    \/\/ Create WhatsApp message\r\n    const whatsappMessage = `\r\n*SSHG LIFESTYLE LTD Tower - Premium Project Enquiry*\r\n\r\n\ud83c\udfe2 *Project:* SSHG LIFESTYLE LTD Tower\r\n\ud83d\udccd *Location:* Newtown Rajarhat Kolkata\r\n\ud83d\udcb0 *Budget:* 1.80 CR Onwards | Airport 5KM\r\n\r\n*\ud83d\udc64 Personal Details:*\r\n\u2022 *Name:* ${name}\r\n\u2022 *Phone:* ${phone}\r\n\u2022 *Email:* ${email}\r\n\r\n*\ud83c\udfe0 Property Preference:*\r\n\u2022 *Flat Type:* ${interest}\r\n\r\n*\ud83d\udcac Additional Requirements:*\r\n${message || 'No additional requirements specified'}\r\n\r\n*I'm interested in this premium project and would like to schedule a site visit. Please share the complete project details and brochure.*\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 enquiry has been sent successfully! We will contact you shortly.', 'success');\r\n    \r\n    \/\/ Reset form\r\n    enquiryForm.reset();\r\n    \r\n    \/\/ Button animation\r\n    const submitBtn = enquiryForm.querySelector('.sshg-submit-btn');\r\n    const originalText = submitBtn.querySelector('.sshg-btn-text').textContent;\r\n    \r\n    submitBtn.querySelector('.sshg-btn-text').textContent = 'Message Sent!';\r\n    submitBtn.style.background = 'linear-gradient(135deg, #014c5f, #02566b)';\r\n    \r\n    setTimeout(() => {\r\n      submitBtn.querySelector('.sshg-btn-text').textContent = originalText;\r\n      submitBtn.style.background = 'linear-gradient(135deg, #e74505, #ff8c42)';\r\n    }, 3000);\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 = `sshg-notification sshg-notification-${type}`;\r\n    notification.innerHTML = `\r\n      <div class=\"sshg-notification-content\">\r\n        <span class=\"sshg-notification-icon\">${type === 'success' ? '\u2705' : '\u26a0\ufe0f'}<\/span>\r\n        <span>${message}<\/span>\r\n      <\/div>\r\n    `;\r\n    \r\n    \/\/ Add styles for notification\r\n    const style = document.createElement('style');\r\n    style.textContent = `\r\n      .sshg-notification {\r\n        position: fixed;\r\n        top: 2rem;\r\n        right: 2rem;\r\n        background: ${type === 'success' ? 'rgba(34, 197, 94, 0.9)' : 'rgba(239, 68, 68, 0.9)'};\r\n        color: white;\r\n        padding: 1rem 1.5rem;\r\n        border-radius: 15px;\r\n        backdrop-filter: blur(10px);\r\n        border: 1px solid rgba(255, 255, 255, 0.2);\r\n        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);\r\n        z-index: 10000;\r\n        animation: slideInRight 0.3s ease;\r\n        max-width: 400px;\r\n      }\r\n      \r\n      @keyframes slideInRight {\r\n        from { transform: translateX(100%); opacity: 0; }\r\n        to { transform: translateX(0); opacity: 1; }\r\n      }\r\n      \r\n      .sshg-notification-content {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 0.75rem;\r\n      }\r\n      \r\n      .sshg-notification-icon {\r\n        font-size: 1.2rem;\r\n      }\r\n    `;\r\n    document.head.appendChild(style);\r\n    \r\n    document.body.appendChild(notification);\r\n    \r\n    \/\/ Remove notification after 5 seconds\r\n    setTimeout(() => {\r\n      notification.style.animation = 'slideInRight 0.3s ease reverse';\r\n      setTimeout(() => {\r\n        document.body.removeChild(notification);\r\n        document.head.removeChild(style);\r\n      }, 300);\r\n    }, 5000);\r\n  }\r\n  \r\n  \/\/ Add scroll animations\r\n  const featureCards = document.querySelectorAll('.sshg-feature-card');\r\n  \r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.style.animationPlayState = 'running';\r\n      }\r\n    });\r\n  }, { threshold: 0.1 });\r\n  \r\n  featureCards.forEach(card => {\r\n    card.style.animationPlayState = 'paused';\r\n    observer.observe(card);\r\n  });\r\n  \r\n  \/\/ Add parallax effect to background\r\n  window.addEventListener('scroll', function() {\r\n    const scrolled = window.pageYOffset;\r\n    const parallaxElements = document.querySelectorAll('.sshg-real-estate');\r\n    \r\n    parallaxElements.forEach(element => {\r\n      const rate = scrolled * -0.5;\r\n      element.style.backgroundPosition = `center ${rate}px`;\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Luxury Project SL Tower Newtown Rajarhat Kolkata \u2728 Your Dream House 4BHK | 1.80 CR Onwards | Airport 5KM<\/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-27026","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27026","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=27026"}],"version-history":[{"count":3,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27026\/revisions"}],"predecessor-version":[{"id":28804,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27026\/revisions\/28804"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27026"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}