



{"id":27691,"date":"2025-10-19T05:37:15","date_gmt":"2025-10-19T05:37:15","guid":{"rendered":"https:\/\/sshglifestyle.com\/?page_id=27691"},"modified":"2025-11-07T11:33:26","modified_gmt":"2025-11-07T11:33:26","slug":"green-initiative","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27691","title":{"rendered":"Green Initiative"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27691\" class=\"elementor elementor-27691\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3190de2 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"3190de2\" 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-9aeb94e elementor-widget elementor-widget-html\" data-id=\"9aeb94e\" 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 GREEN PROSECKS - VILLAGER HOUSING INITIATIVE -->\r\n<section class=\"green-prosecks-section\">\r\n  <!-- Header Section -->\r\n  <div class=\"gp-header\">\r\n    <div class=\"gp-logo-container\">\r\n      <img decoding=\"async\" src=\"https:\/\/sshglifestyle.com\/wp-content\/uploads\/2025\/10\/WhatsApp_Image_2025-10-09_at_10.18.23_PM-removebg-preview.png\" alt=\"Green Initiative\" class=\"gp-logo\">\r\n    <\/div>\r\n    <div class=\"gp-header-content\">\r\n      <h1 class=\"gp-main-title animate-on-scroll\">Green Initiative<\/h1>\r\n      <h2 class=\"gp-subtitle animate-on-scroll\">SSHG LIFESTYLE Housing Scheme<\/h2>\r\n      <div class=\"gp-certifications animate-on-scroll\">\r\n        <span class=\"gp-cert-badge\">MSME Certified<\/span>\r\n        <span class=\"gp-cert-badge\">Make in India<\/span>\r\n        <span class=\"gp-cert-badge\">Made in India<\/span>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Initiative Description -->\r\n  <div class=\"gp-description-section\">\r\n    <div class=\"gp-description-left animate-on-scroll\">\r\n      <h3 class=\"gp-section-title\">Villagers' Housing Initiative<\/h3>\r\n      <p class=\"gp-description-text\">\r\n        Green initiative by <strong>SSHG LIFESTYLE <\/strong> is a pioneering initiative dedicated to promoting sustainable and affordable housing solutions for rural communities. Our mission is to empower villages with dignified living spaces that are not only environmentally responsible but also economically accessible.\r\n      <\/p>\r\n      <div class=\"gp-highlight-box\">\r\n        <div class=\"gp-highlight-icon\">\ud83c\udfe1<\/div>\r\n        <div class=\"gp-highlight-text\">\r\n          <span class=\"gp-highlight-title\">Focus on Sustainable Housing<\/span>\r\n          <span class=\"gp-highlight-desc\">Using locally sourced materials and durable designs<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gp-description-right animate-on-scroll\">\r\n      <div class=\"gp-image-placeholder\">\r\n        <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/q3wLPHTG\/Whats-App-Image-2025-10-19-at-4-18-01-PM.jpg\" alt=\"2BHK Traditional Style House\" class=\"gp-house-image\">\r\n        <div class=\"gp-image-overlay\">\r\n          <span>SSHG Green Initiative<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BHK Flats Section -->\r\n  <div class=\"gp-bhk-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">Complete House Packages<\/h3>\r\n    <p class=\"gp-plan-subtitle animate-on-scroll\">Choose the perfect home for your family<\/p>\r\n    \r\n    <!-- Desktop Grid View -->\r\n    <div class=\"gp-bhk-grid desktop-view\">\r\n      <!-- 2 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mKYmb1n\/Whats-App-Image-2025-10-17-at-9-47-28-PM.jpg\" alt=\"2 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">2 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">2 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b99,10,000<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Perfect for small families with modern amenities<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"2 BHK\" data-price=\"\u20b99,10,000\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 3 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/999tNk6V\/Whats-App-Image-2025-10-17-at-9-55-07-PM.jpg\" alt=\"3 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">3 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">3 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b911,37,500<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Spacious home for growing families<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"3 BHK\" data-price=\"\u20b911,37,500\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 4 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cSPh5q8Z\/Whats-App-Image-2025-10-17-at-9-47-34-PM.jpg\" alt=\"4 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">4 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">4 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b913,65,000<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Luxury living with ample space<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"4 BHK\" data-price=\"\u20b913,65,000\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 5 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/n87JHBV0\/Whats-App-Image-2025-10-17-at-9-47-29-PM.jpg\" alt=\"5 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">5 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">5 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b915,92,500<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Premium living for large families<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"5 BHK\" data-price=\"\u20b915,92,500\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 6 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qMPBfpdK\/Whats-App-Image-2025-10-17-at-9-47-35-PM.jpg\" alt=\"6 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">6 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">6 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b918,20,000<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Ultimate comfort for joint families<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"6 BHK\" data-price=\"\u20b918,20,000\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- 7 BHK -->\r\n      <div class=\"gp-bhk-card animate-on-scroll\">\r\n        <div class=\"gp-bhk-image-container\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4w1k2SnS\/Whats-App-Image-2025-10-17-at-9-55-08-PM.jpg\" alt=\"7 BHK House\" class=\"gp-bhk-image\">\r\n          <div class=\"gp-bhk-overlay\">\r\n            <span class=\"gp-bhk-badge\">7 BHK<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-bhk-details\">\r\n          <h4 class=\"gp-bhk-title\">7 BHK Complete House<\/h4>\r\n          <div class=\"gp-bhk-price\">\r\n            <span class=\"gp-bhk-amount\">\u20b920,47,500<\/span>\r\n            <span class=\"gp-bhk-discount\">10% OFF<\/span>\r\n          <\/div>\r\n          <p class=\"gp-bhk-desc\">Mansion-style living with premium features<\/p>\r\n          <button class=\"gp-bhk-btn\" data-bhk=\"7 BHK\" data-price=\"\u20b920,47,500\">View Details<\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Mobile\/Tablet Carousel View -->\r\n    <div class=\"gp-bhk-carousel mobile-view\">\r\n      <div class=\"gp-bhk-carousel-track\" id=\"bhkCarouselTrack\">\r\n        <!-- Slides will be populated by JavaScript -->\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Construction Process Section -->\r\n  <div class=\"gp-construction-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">Construction Process<\/h3>\r\n    <p class=\"gp-plan-subtitle animate-on-scroll\">Quality construction with sustainable materials<\/p>\r\n    \r\n    <div class=\"gp-construction-carousel\">\r\n      <div class=\"gp-construction-carousel-track\" id=\"constructionCarouselTrack\">\r\n        <!-- Construction Process Images (First 15) -->\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/mFrj5fNV\/Whats-App-Image-2025-10-20-at-11-58-37-AM-1.jpg\" alt=\"Foundation Structure\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/mFrj5fNV\/Whats-App-Image-2025-10-20-at-11-58-37-AM-1.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Foundation Structure<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/svBtt9fN\/Whats-App-Image-2025-10-20-at-11-58-37-AM.jpg\" alt=\"Construction Process\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/svBtt9fN\/Whats-App-Image-2025-10-20-at-11-58-37-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Construction Process<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/DgCQ6984\/Whats-App-Image-2025-10-20-at-11-58-35-AM.jpg\" alt=\"Material Quality\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/DgCQ6984\/Whats-App-Image-2025-10-20-at-11-58-35-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Material Quality<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/pBXQn8ZS\/Whats-App-Image-2025-10-20-at-11-58-34-AM.jpg\" alt=\"Foundation Work\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/pBXQn8ZS\/Whats-App-Image-2025-10-20-at-11-58-34-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Foundation Work<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1t1vq9HQ\/Whats-App-Image-2025-10-20-at-11-58-33-AM.jpg\" alt=\"Construction Site\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/1t1vq9HQ\/Whats-App-Image-2025-10-20-at-11-58-33-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Construction Site<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/Kc7d8FyS\/Whats-App-Image-2025-10-20-at-11-58-32-AM.jpg\" alt=\"Structural Design\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/Kc7d8FyS\/Whats-App-Image-2025-10-20-at-11-58-32-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Structural Design<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/v4NYGJxk\/Whats-App-Image-2025-10-20-at-11-58-31-AM-1.jpg\" alt=\"Foundation Details\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/v4NYGJxk\/Whats-App-Image-2025-10-20-at-11-58-31-AM-1.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Foundation Details<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/cSMQVnQv\/Whats-App-Image-2025-10-20-at-11-58-31-AM.jpg\" alt=\"Construction Quality\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/cSMQVnQv\/Whats-App-Image-2025-10-20-at-11-58-31-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Construction Quality<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5x1TcdHs\/Whats-App-Image-2025-10-20-at-11-58-30-AM.jpg\" alt=\"Building Process\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/5x1TcdHs\/Whats-App-Image-2025-10-20-at-11-58-30-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Building Process<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/C5Z4WHKp\/Whats-App-Image-2025-10-20-at-11-58-29-AM.jpg\" alt=\"Structure Work\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/C5Z4WHKp\/Whats-App-Image-2025-10-20-at-11-58-29-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Foundation Process<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/JW9M8sHQ\/Whats-App-Image-2025-10-20-at-11-58-28-AM-1.jpg\" alt=\"Foundation Process\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/JW9M8sHQ\/Whats-App-Image-2025-10-20-at-11-58-28-AM-1.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Structure Work<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/YF3cnMNq\/Whats-App-Image-2025-10-20-at-11-58-28-AM.jpg\" alt=\"Construction Materials\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/YF3cnMNq\/Whats-App-Image-2025-10-20-at-11-58-28-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Finishing Work<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4wsX4Qjm\/Whats-App-Image-2025-10-20-at-11-58-27-AM.jpg\" alt=\"Foundation Structure\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/4wsX4Qjm\/Whats-App-Image-2025-10-20-at-11-58-27-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Foundation Structure<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/dJfFJr2J\/Whats-App-Image-2025-10-20-at-11-58-26-AM.jpg\" alt=\"Building Foundation\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/dJfFJr2J\/Whats-App-Image-2025-10-20-at-11-58-26-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Building Foundation<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-construction-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/chz3VHyZ\/Whats-App-Image-2025-10-20-at-11-58-25-AM.jpg\" alt=\"Construction Progress\" class=\"gp-construction-image\" data-src=\"https:\/\/i.ibb.co\/chz3VHyZ\/Whats-App-Image-2025-10-20-at-11-58-25-AM.jpg\">\r\n          <div class=\"gp-construction-overlay\">\r\n            <span>Construction Progress<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Foundation Material Section -->\r\n  <div class=\"gp-foundation-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">Foundation Materials<\/h3>\r\n    <p class=\"gp-plan-subtitle animate-on-scroll\">High-quality materials for strong foundations<\/p>\r\n    \r\n    <div class=\"gp-foundation-carousel\">\r\n      <div class=\"gp-foundation-carousel-track\" id=\"foundationCarouselTrack\">\r\n        <!-- Foundation Material Images (Last 8) -->\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/YqZcLKF\/Whats-App-Image-2025-10-20-at-11-58-24-AM-1.jpg\" alt=\"Structure Details\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/YqZcLKF\/Whats-App-Image-2025-10-20-at-11-58-24-AM-1.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Structure Details<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/B2YyKZDm\/Whats-App-Image-2025-10-20-at-11-58-24-AM.jpg\" alt=\"Foundation Quality\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/B2YyKZDm\/Whats-App-Image-2025-10-20-at-11-58-24-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Foundation Quality<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/8g9WLscg\/Whats-App-Image-2025-10-20-at-11-58-23-AM.jpg\" alt=\"Construction Work\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/8g9WLscg\/Whats-App-Image-2025-10-20-at-11-58-23-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Construction Work<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/27SmKhVc\/Whats-App-Image-2025-10-20-at-11-58-22-AM-1.jpg\" alt=\"Building Structure\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/27SmKhVc\/Whats-App-Image-2025-10-20-at-11-58-22-AM-1.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Building Structure<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/PvghfKvx\/Whats-App-Image-2025-10-20-at-11-58-22-AM.jpg\" alt=\"Foundation Design\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/PvghfKvx\/Whats-App-Image-2025-10-20-at-11-58-22-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Foundation Design<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/C541323F\/Whats-App-Image-2025-10-20-at-11-58-21-AM.jpg\" alt=\"Construction Structure\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/C541323F\/Whats-App-Image-2025-10-20-at-11-58-21-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Construction Structure<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/TpGFnns\/Whats-App-Image-2025-10-20-at-11-58-20-AM.jpg\" alt=\"Foundation Process\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/TpGFnns\/Whats-App-Image-2025-10-20-at-11-58-20-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Foundation Process<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"gp-foundation-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/vxS6gKx6\/Whats-App-Image-2025-10-20-at-11-58-19-AM.jpg\" alt=\"Building Progress\" class=\"gp-foundation-image\" data-src=\"https:\/\/i.ibb.co\/vxS6gKx6\/Whats-App-Image-2025-10-20-at-11-58-19-AM.jpg\">\r\n          <div class=\"gp-foundation-overlay\">\r\n            <span>Building Progress<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Floor Plan Images Section -->\r\n  <div class=\"gp-floorplan-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">House Floor Plans<\/h3>\r\n    <p class=\"gp-plan-subtitle animate-on-scroll\">Well-designed layouts for comfortable living<\/p>\r\n    \r\n    <div class=\"gp-floorplan-carousel\">\r\n      <div class=\"gp-floorplan-carousel-track\" id=\"floorplanCarouselTrack\">\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/Mk7TJD6W\/Whats-App-Image-2025-10-20-at-11-59-07-AM.jpg\" alt=\"Floor Plan 1\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/Mk7TJD6W\/Whats-App-Image-2025-10-20-at-11-59-07-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/p6WCGvqy\/Whats-App-Image-2025-10-20-at-11-59-06-AM-1.jpg\" alt=\"Floor Plan 2\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/p6WCGvqy\/Whats-App-Image-2025-10-20-at-11-59-06-AM-1.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/hF9QRS5R\/Whats-App-Image-2025-10-20-at-11-59-06-AM.jpg\" alt=\"Floor Plan 3\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/hF9QRS5R\/Whats-App-Image-2025-10-20-at-11-59-06-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/RpMV50Hh\/Whats-App-Image-2025-10-20-at-11-59-05-AM.jpg\" alt=\"Floor Plan 4\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/RpMV50Hh\/Whats-App-Image-2025-10-20-at-11-59-05-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/1fJQRsNC\/Whats-App-Image-2025-10-20-at-11-59-04-AM.jpg\" alt=\"Floor Plan 5\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/1fJQRsNC\/Whats-App-Image-2025-10-20-at-11-59-04-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/PZjGkzMc\/Whats-App-Image-2025-10-20-at-11-59-03-AM.jpg\" alt=\"Floor Plan 6\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/PZjGkzMc\/Whats-App-Image-2025-10-20-at-11-59-03-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/ns4FcxFK\/Whats-App-Image-2025-10-20-at-11-59-02-AM.jpg\" alt=\"Floor Plan 7\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/ns4FcxFK\/Whats-App-Image-2025-10-20-at-11-59-02-AM.jpg\">\r\n        <\/div>\r\n        <div class=\"gp-floorplan-item\">\r\n          <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/sJJmZgDv\/Whats-App-Image-2025-10-20-at-11-59-01-AM.jpg\" alt=\"Floor Plan 8\" class=\"gp-floorplan-image\" data-src=\"https:\/\/i.ibb.co\/sJJmZgDv\/Whats-App-Image-2025-10-20-at-11-59-01-AM.jpg\">\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Housing Plan Details -->\r\n  <div class=\"gp-plan-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">2 BHK Complete House Package<\/h3>\r\n    <p class=\"gp-plan-subtitle animate-on-scroll\">20-Year Commitment Plan<\/p>\r\n    \r\n    <div class=\"gp-plan-details\">\r\n      <div class=\"gp-plan-left animate-on-scroll\">\r\n        <div class=\"gp-feature-list\">\r\n          <h4 class=\"gp-feature-title\">Complete House Includes:<\/h4>\r\n          <ul class=\"gp-features\">\r\n            <li class=\"gp-feature-item\">2 Bedrooms with proper ventilation<\/li>\r\n            <li class=\"gp-feature-item\">1 Modern Kitchen space<\/li>\r\n            <li class=\"gp-feature-item\">1 Bathroom with sanitation<\/li>\r\n            <li class=\"gp-feature-item\">Spacious Hall Room<\/li>\r\n            <li class=\"gp-feature-item\">Doors & Windows<\/li>\r\n            <li class=\"gp-feature-item\">Ceiling & Flooring<\/li>\r\n            <li class=\"gp-feature-item\">Complete Electrical Works<\/li>\r\n            <li class=\"gp-feature-item\">Plumbing & Water Supply<\/li>\r\n            <li class=\"gp-feature-item\">Submersible Pump System<\/li>\r\n            <li class=\"gp-feature-item\">Water Storage Tanks<\/li>\r\n            <li class=\"gp-feature-item\">Lighting & Fan Points<\/li>\r\n            <li class=\"gp-feature-item\">Porch\/Verandah Area<\/li>\r\n            <li class=\"gp-feature-item\">Water Purifier<\/li>\r\n            <li class=\"gp-feature-item\">Geysers<\/li>\r\n            <li class=\"gp-feature-item\">Chimney & Gas Oven<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"gp-plan-right animate-on-scroll\">\r\n        <div class=\"gp-payment-plan\">\r\n          <div class=\"gp-plan-card\">\r\n            <div class=\"gp-plan-header\">\r\n              <h4>20-Year Commitment Plan<\/h4>\r\n              <div class=\"gp-price-tag\">\r\n                <span class=\"gp-original-price\">\u20b99,10,000<\/span>\r\n                <span class=\"gp-discount\">10% OFF<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"gp-plan-benefits\">\r\n              <div class=\"gp-benefit\">\r\n                <span class=\"gp-benefit-icon\">\ud83d\udcb0<\/span>\r\n                <span class=\"gp-benefit-text\">1 Month's Project Commitment<\/span>\r\n              <\/div>\r\n              <div class=\"gp-benefit\">\r\n                <span class=\"gp-benefit-icon\">\ud83c\udfe0<\/span>\r\n                <span class=\"gp-benefit-text\">Prefab House After 20 Years<\/span>\r\n              <\/div>\r\n              <div class=\"gp-benefit highlight\">\r\n                <span class=\"gp-benefit-icon\">\u21a9\ufe0f<\/span>\r\n                <span class=\"gp-benefit-text\">Approx 50% Amount Refunded After 20 Years<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"gp-discount-banner\">\r\n              <span class=\"gp-discount-text\">AUTO 10% DISCOUNT APPLIED<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"gp-action-buttons\">\r\n              <button class=\"gp-btn-primary\" id=\"applyNowBtn\">Apply Now<\/button>\r\n              <a href=\"https:\/\/drive.google.com\/file\/d\/1KOGnWqVfRQejVXAIdT1MGc2xuyN5hHW4\/view?usp=sharing\" target=\"_blank\" rel=\"noopener\"><button class=\"gp-btn-secondary\">Download Brochure<\/button><\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Sustainability Focus -->\r\n  <div class=\"gp-sustainability-section\">\r\n    <h3 class=\"gp-section-title center animate-on-scroll\">Sustainable & Affordable Approach<\/h3>\r\n    \r\n    <div class=\"gp-sustainability-grid\">\r\n      <div class=\"gp-sustainability-item animate-on-scroll\">\r\n        <div class=\"gp-sus-icon\">\ud83c\udf31<\/div>\r\n        <h4 class=\"gp-sus-title\">Locally Sourced Materials<\/h4>\r\n        <p class=\"gp-sus-desc\">Using sustainable, locally available building materials to reduce costs and environmental impact<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"gp-sustainability-item animate-on-scroll\">\r\n        <div class=\"gp-sus-icon\">\ud83d\udca1<\/div>\r\n        <h4 class=\"gp-sus-title\">Energy Efficient Design<\/h4>\r\n        <p class=\"gp-sus-desc\">Optimized layouts for natural lighting and ventilation to reduce energy consumption<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"gp-sustainability-item animate-on-scroll\">\r\n        <div class=\"gp-sus-icon\">\ud83c\udfd7\ufe0f<\/div>\r\n        <h4 class=\"gp-sus-title\">Durable Construction<\/h4>\r\n        <p class=\"gp-sus-desc\">Simple yet robust designs that withstand local climate conditions for long-term durability<\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"gp-sustainability-item animate-on-scroll\">\r\n        <div class=\"gp-sus-icon\">\ud83e\udd1d<\/div>\r\n        <h4 class=\"gp-sus-title\">Community Focused<\/h4>\r\n        <p class=\"gp-sus-desc\">Engaging local communities in the construction process to create ownership and skills<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- SSHG Credentials -->\r\n  <div class=\"gp-credentials-section\">\r\n    <div class=\"gp-credentials-content\">\r\n      <h3 class=\"gp-section-title center animate-on-scroll\">An Initiative by SSHG LIFESTYLE<\/h3>\r\n      \r\n      <div class=\"gp-credentials-grid animate-on-scroll\">\r\n        <div class=\"gp-credential\">\r\n          <span class=\"gp-cred-label\">SSHG LIFESTYLE<\/span>\r\n          <span class=\"gp-cred-value\">CIN: U43299WB2025OPC280342<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-credential\">\r\n          <span class=\"gp-cred-label\">AMAR CHAA LTD<\/span>\r\n          <span class=\"gp-cred-value\">CIN: U15400WB2023PTC259534<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-credential\">\r\n          <span class=\"gp-cred-label\">Business Experience<\/span>\r\n          <span class=\"gp-cred-value\">11+ Years Running<\/span>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-credential\">\r\n          <span class=\"gp-cred-label\">Service Area<\/span>\r\n          <span class=\"gp-cred-value\">Pan India Available<\/span>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"gp-cert-badges-container animate-on-scroll\">\r\n        <div class=\"gp-cert-badge-large\">\r\n          <span>ISO 9001:2015 Certified<\/span>\r\n        <\/div>\r\n        <div class=\"gp-cert-badge-large\">\r\n          <span>MSME Registered<\/span>\r\n        <\/div>\r\n        <div class=\"gp-cert-badge-large\">\r\n          <span>FSSAI Certified<\/span>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Call to Action -->\r\n  <div class=\"gp-cta-section\">\r\n    <div class=\"gp-cta-content animate-on-scroll\">\r\n      <h3 class=\"gp-cta-title\">Ready to Transform Villager Housing?<\/h3>\r\n      <p class=\"gp-cta-text\">Join our Green Prosecks initiative and help build sustainable communities across India<\/p>\r\n      <div class=\"gp-cta-buttons\">\r\n        <a href=\"https:\/\/sshglifestyle.com\/contact-us\/\" class=\"gp-cta-btn primary\">Contact Us Today<\/a>\r\n        <a href=\"https:\/\/sshglifestyle.com\/about-us-3\/\" class=\"gp-cta-btn secondary\">Learn More<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Application Form Modal -->\r\n<div class=\"gp-modal-overlay\" id=\"applicationModal\">\r\n  <div class=\"gp-modal-content\">\r\n    <div class=\"gp-modal-header\">\r\n      <h3>Apply for Green Prosecks Housing<\/h3>\r\n      <button class=\"gp-modal-close\" id=\"closeModal\">&times;<\/button>\r\n    <\/div>\r\n    <div class=\"gp-modal-body\">\r\n      <form id=\"applicationForm\">\r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantName\">Full Name<\/label>\r\n          <input type=\"text\" id=\"applicantName\" name=\"applicantName\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantPhone\">Phone Number<\/label>\r\n          <input type=\"tel\" id=\"applicantPhone\" name=\"applicantPhone\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantEmail\">Email Address<\/label>\r\n          <input type=\"email\" id=\"applicantEmail\" name=\"applicantEmail\">\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantAddress\">Address<\/label>\r\n          <textarea id=\"applicantAddress\" name=\"applicantAddress\" rows=\"3\" required><\/textarea>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantState\">State<\/label>\r\n          <input type=\"text\" id=\"applicantState\" name=\"applicantState\" required>\r\n        <\/div>\r\n\r\n        <div class=\"gp-form-group\">\r\n          <label for=\"interestedPackage\">Interested Package<\/label>\r\n          <input type=\"text\" id=\"interestedPackage\" name=\"interestedPackage\" readonly>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-group\">\r\n          <label for=\"applicantMessage\">Additional Message (Optional)<\/label>\r\n          <textarea id=\"applicantMessage\" name=\"applicantMessage\" rows=\"3\" placeholder=\"Tell us about your housing requirements...\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <div class=\"gp-form-submit\">\r\n          <button type=\"submit\" class=\"gp-submit-btn\">Submit Application<\/button>\r\n        <\/div>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Premium Gallery Modal -->\r\n<div id=\"gp-premium-gallery\" class=\"gp-premium-gallery-modal\">\r\n  <div class=\"gp-premium-gallery-content\">\r\n    <span class=\"gp-premium-gallery-close\">&times;<\/span>\r\n    <div class=\"gp-premium-gallery-main\">\r\n      <img decoding=\"async\" id=\"gp-premium-gallery-image\" src=\"\" alt=\"Gallery Image\">\r\n      <div class=\"gp-premium-gallery-controls\">\r\n        <button class=\"gp-premium-gallery-prev\">&#10094;<\/button>\r\n        <button class=\"gp-premium-gallery-next\">&#10095;<\/button>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"gp-premium-gallery-thumbnails\">\r\n      <!-- Thumbnails will be generated by JavaScript -->\r\n    <\/div>\r\n    <div class=\"gp-premium-gallery-counter\">\r\n      <span id=\"gp-premium-gallery-current\">1<\/span> \/ <span id=\"gp-premium-gallery-total\">1<\/span>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* ============================\r\n   GREEN PROSECKS STYLES\r\n   ============================ *\/\r\n:root {\r\n  --gp-primary: #2e7d32;\r\n  --gp-secondary: #ff9800;\r\n  --gp-accent: #4caf50;\r\n  --gp-light: #f1f8e9;\r\n  --gp-dark: #1b5e20;\r\n  --gp-text: #333;\r\n  --gp-background: #ffffff;\r\n}\r\n\r\n\/* Base Styles *\/\r\n.green-prosecks-section {\r\n  font-family: 'Poppins', sans-serif;\r\n  background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e9 100%);\r\n  color: var(--gp-text);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* Animated Background Elements *\/\r\n.green-prosecks-section::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(46,125,50,0.05) 20%, transparent 70%);\r\n  animation: gpRotate 50s linear infinite;\r\n  z-index: 0;\r\n}\r\n\r\n@keyframes gpRotate {\r\n  0% { transform: rotate(0deg); }\r\n  100% { transform: rotate(360deg); }\r\n}\r\n\r\n\/* Header Section *\/\r\n.gp-header {\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 3rem 2rem;\r\n  background: linear-gradient(135deg, var(--gp-dark) 0%, var(--gp-primary) 100%);\r\n  color: white;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-logo-container {\r\n  flex: 0 0 150px;\r\n  margin-right: 2rem;\r\n}\r\n\r\n.gp-logo {\r\n  width: 100%;\r\n  border-radius: 12px;\r\n  box-shadow: 0 8px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n.gp-header-content {\r\n  flex: 1;\r\n}\r\n\r\n.gp-main-title {\r\n  font-size: 3.5rem;\r\n  font-weight: 900;\r\n  margin-bottom: 0.5rem;\r\n  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n  background: linear-gradient(45deg, #ffffff, #e0f7fa);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.gp-subtitle {\r\n  font-size: 1.8rem;\r\n  font-weight: 600;\r\n  margin-bottom: 1.5rem;\r\n  color: #ffeb3b;\r\n}\r\n\r\n.gp-certifications {\r\n  display: flex;\r\n  gap: 1rem;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.gp-cert-badge {\r\n  background: rgba(255,255,255,0.2);\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n  backdrop-filter: blur(10px);\r\n  border: 1px solid rgba(255,255,255,0.3);\r\n}\r\n\r\n\/* Description Section *\/\r\n.gp-description-section {\r\n  display: flex;\r\n  padding: 4rem 2rem;\r\n  gap: 3rem;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-description-left {\r\n  flex: 1;\r\n}\r\n\r\n.gp-description-right {\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.gp-section-title {\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  color: var(--gp-dark);\r\n  margin-bottom: 1.5rem;\r\n  position: relative;\r\n}\r\n\r\n.gp-section-title::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: -8px;\r\n  left: 0;\r\n  width: 80px;\r\n  height: 4px;\r\n  background: var(--gp-secondary);\r\n  border-radius: 2px;\r\n}\r\n\r\n.gp-section-title.center {\r\n  text-align: center;\r\n}\r\n\r\n.gp-section-title.center::after {\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.gp-description-text {\r\n  font-size: 1.1rem;\r\n  line-height: 1.7;\r\n  margin-bottom: 2rem;\r\n  color: var(--gp-text);\r\n  text-align: justify;\r\n  hyphens: auto;\r\n  -webkit-hyphens: auto; \r\n  -ms-hyphens: auto;\r\n  word-spacing: -2px;\r\n}\r\n\r\n.gp-highlight-box {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  padding: 1.5rem;\r\n  background: white;\r\n  border-radius: 12px;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n  border-left: 5px solid var(--gp-accent);\r\n}\r\n\r\n.gp-highlight-icon {\r\n  font-size: 2.5rem;\r\n}\r\n\r\n.gp-highlight-title {\r\n  font-weight: 700;\r\n  color: var(--gp-dark);\r\n  display: block;\r\n  margin-bottom: 0.3rem;\r\n}\r\n\r\n.gp-highlight-desc {\r\n  font-size: 0.9rem;\r\n  color: #666;\r\n}\r\n\r\n.gp-image-placeholder {\r\n  width: 100%;\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: white;\r\n  position: relative;\r\n  overflow: hidden;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n}\r\n\r\n.gp-house-image {\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 12px;\r\n  display: block;\r\n}\r\n\r\n.gp-image-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: rgba(0,0,0,0.7);\r\n  padding: 1rem;\r\n  font-size: 1rem;\r\n  color: white;\r\n  text-align: center;\r\n}\r\n\r\n\/* BHK Flats Section - FIXED FOR DESKTOP *\/\r\n.gp-bhk-section {\r\n  padding: 2rem 1rem;\r\n  background: white;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* BHK Grid for Desktop - FIXED to show 4 per row *\/\r\n.gp-bhk-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 1.5rem;\r\n  margin-top: 3rem;\r\n  max-width: 1400px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.gp-bhk-card {\r\n  background: white;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.08);\r\n  transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n  display: flex;\r\n  flex-direction: column;\r\n  height: 100%;\r\n}\r\n\r\n.gp-bhk-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n}\r\n\r\n.gp-bhk-image-container {\r\n  position: relative;\r\n  overflow: hidden;\r\n  height: 200px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.gp-bhk-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-bhk-card:hover .gp-bhk-image {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.gp-bhk-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);\r\n  display: flex;\r\n  align-items: flex-end;\r\n  justify-content: flex-start;\r\n  padding: 1rem;\r\n}\r\n\r\n.gp-bhk-badge {\r\n  background: var(--gp-secondary);\r\n  color: white;\r\n  padding: 0.5rem 1rem;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n.gp-bhk-details {\r\n  padding: 1.2rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-grow: 1;\r\n}\r\n\r\n.gp-bhk-title {\r\n  font-size: 1.2rem;\r\n  font-weight: 700;\r\n  color: var(--gp-dark);\r\n  margin-bottom: 0.8rem;\r\n  line-height: 1.3;\r\n}\r\n\r\n.gp-bhk-price {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 0.8rem;\r\n  margin-bottom: 0.8rem;\r\n}\r\n\r\n.gp-bhk-amount {\r\n  font-size: 1.4rem;\r\n  font-weight: 700;\r\n  color: var(--gp-primary);\r\n}\r\n\r\n.gp-bhk-discount {\r\n  background: var(--gp-secondary);\r\n  color: white;\r\n  padding: 0.2rem 0.6rem;\r\n  border-radius: 15px;\r\n  font-size: 0.8rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.gp-bhk-desc {\r\n  color: #666;\r\n  margin-bottom: 1.2rem;\r\n  line-height: 1.4;\r\n  font-size: 0.85rem;\r\n  flex-grow: 1;\r\n}\r\n\r\n.gp-bhk-btn {\r\n  width: 100%;\r\n  padding: 0.7rem;\r\n  background: var(--gp-primary);\r\n  color: white;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: background 0.3s ease;\r\n  font-size: 0.85rem;\r\n  margin-top: auto;\r\n}\r\n\r\n.gp-bhk-btn:hover {\r\n  background: var(--gp-dark);\r\n  color: white; \/* Ensure text stays white on hover *\/\r\n}\r\n\r\n\/* BHK Carousel for Mobile\/Tablet *\/\r\n.gp-bhk-carousel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 2rem;\r\n  display: none;\r\n}\r\n\r\n.gp-bhk-carousel-track {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-bhk-carousel-slide {\r\n  flex: 0 0 100%;\r\n  padding: 0 10px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Construction Section *\/\r\n.gp-construction-section {\r\n  padding: 2rem 1rem;\r\n  background: var(--gp-light);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-construction-carousel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.gp-construction-carousel-track {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-construction-item {\r\n  flex: 0 0 100%;\r\n  padding: 0 10px;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n  transition: transform 0.3s ease;\r\n  height: 200px;\r\n  cursor: pointer;\r\n}\r\n\r\n.gp-construction-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.gp-construction-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-construction-item:hover .gp-construction-image {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.gp-construction-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: rgba(0,0,0,0.7);\r\n  color: white;\r\n  padding: 0.8rem;\r\n  text-align: center;\r\n  font-size: 0.9rem;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Foundation Section *\/\r\n.gp-foundation-section {\r\n  padding: 2rem 1rem;\r\n  background: white;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-foundation-carousel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.gp-foundation-carousel-track {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-foundation-item {\r\n  flex: 0 0 100%;\r\n  padding: 0 10px;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n  transition: transform 0.3s ease;\r\n  height: 200px;\r\n  cursor: pointer;\r\n}\r\n\r\n.gp-foundation-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.gp-foundation-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-foundation-item:hover .gp-foundation-image {\r\n  transform: scale(1.05);\r\n}\r\n\r\n.gp-foundation-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  background: rgba(0,0,0,0.7);\r\n  color: white;\r\n  padding: 0.8rem;\r\n  text-align: center;\r\n  font-size: 0.9rem;\r\n  font-weight: 500;\r\n}\r\n\r\n\/* Floor Plan Section *\/\r\n.gp-floorplan-section {\r\n  padding: 2rem 1rem;\r\n  background: var(--gp-light);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-floorplan-carousel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.gp-floorplan-carousel-track {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-floorplan-item {\r\n  flex: 0 0 100%;\r\n  padding: 0 10px;\r\n  box-sizing: border-box;\r\n  position: relative;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n  transition: transform 0.3s ease;\r\n  height: 250px;\r\n  cursor: pointer;\r\n}\r\n\r\n.gp-floorplan-item:hover {\r\n  transform: translateY(-5px);\r\n}\r\n\r\n.gp-floorplan-image {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  background: white;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gp-floorplan-item:hover .gp-floorplan-image {\r\n  transform: scale(1.02);\r\n}\r\n\r\n\/* Plan Section *\/\r\n.gp-plan-section {\r\n  padding: 2rem 1rem;\r\n  background: white;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-plan-subtitle {\r\n  text-align: center;\r\n  font-size: 1.2rem;\r\n  color: var(--gp-primary);\r\n  font-weight: 600;\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.gp-plan-details {\r\n  display: flex;\r\n  gap: 3rem;\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.gp-plan-left {\r\n  flex: 1;\r\n}\r\n\r\n.gp-plan-right {\r\n  flex: 1;\r\n}\r\n\r\n.gp-feature-list {\r\n  background: var(--gp-light);\r\n  padding: 2rem;\r\n  border-radius: 12px;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n}\r\n\r\n.gp-feature-title {\r\n  font-size: 1.5rem;\r\n  font-weight: 700;\r\n  color: var(--gp-dark);\r\n  margin-bottom: 1.5rem;\r\n  text-align: center;\r\n}\r\n\r\n.gp-features {\r\n  list-style: none;\r\n  padding: 0;\r\n}\r\n\r\n.gp-feature-item {\r\n  padding: 0.8rem 0;\r\n  border-bottom: 1px dashed #ccc;\r\n  position: relative;\r\n  padding-left: 2rem;\r\n}\r\n\r\n.gp-feature-item::before {\r\n  content: \"\u2713\";\r\n  position: absolute;\r\n  left: 0;\r\n  color: var(--gp-accent);\r\n  font-weight: bold;\r\n}\r\n\r\n.gp-feature-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n\/* Payment Plan Card *\/\r\n.gp-plan-card {\r\n  background: white;\r\n  border-radius: 12px;\r\n  box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n  overflow: hidden;\r\n  border: 1px solid #e0e0e0;\r\n}\r\n\r\n.gp-plan-header {\r\n  background: linear-gradient(135deg, var(--gp-primary), var(--gp-dark));\r\n  color: white;\r\n  padding: 1.5rem;\r\n  text-align: center;\r\n}\r\n\r\n.gp-plan-header h4 {\r\n  margin: 0 0 1rem 0;\r\n  font-size: 1.5rem;\r\n  color: white;\r\n}\r\n\r\n.gp-price-tag {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 1rem;\r\n}\r\n\r\n.gp-original-price {\r\n  font-size: 2rem;\r\n  font-weight: 700;\r\n  color: white;\r\n}\r\n\r\n.gp-discount {\r\n  background: var(--gp-secondary);\r\n  color: white;\r\n  padding: 0.3rem 0.8rem;\r\n  border-radius: 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.gp-plan-benefits {\r\n  padding: 1.5rem;\r\n}\r\n\r\n.gp-benefit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  padding: 1rem 0;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.gp-benefit:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.gp-benefit.highlight {\r\n  background: #e8f5e9;\r\n  margin: 0 -1.5rem;\r\n  padding: 1rem 1.5rem;\r\n  border-radius: 8px;\r\n}\r\n\r\n.gp-benefit-icon {\r\n  font-size: 1.5rem;\r\n  flex: 0 0 40px;\r\n}\r\n\r\n.gp-benefit-text {\r\n  flex: 1;\r\n  font-weight: 500;\r\n}\r\n\r\n.gp-discount-banner {\r\n  background: #ffeb3b;\r\n  color: #333;\r\n  text-align: center;\r\n  padding: 1rem;\r\n  font-weight: 700;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.gp-action-buttons {\r\n  padding: 1.5rem;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 1rem;\r\n}\r\n\r\n.gp-btn-primary, .gp-btn-secondary {\r\n  padding: 1rem 1.5rem;\r\n  border: none;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.gp-btn-primary {\r\n  background: var(--gp-primary);\r\n  color: white;\r\n}\r\n\r\n.gp-btn-secondary {\r\n  background: transparent;\r\n  color: var(--gp-primary);\r\n  border: 2px solid var(--gp-primary);\r\n}\r\n\r\n.gp-btn-primary:hover {\r\n  background: var(--gp-dark);\r\n  color: white;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n.gp-btn-secondary:hover {\r\n  background: rgba(46,125,50,0.1);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n\/* Sustainability Section *\/\r\n.gp-sustainability-section {\r\n  padding: 2rem 1rem;\r\n  background: var(--gp-light);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-sustainability-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 2rem;\r\n  margin-top: 3rem;\r\n}\r\n\r\n.gp-sustainability-item {\r\n  background: white;\r\n  padding: 2rem;\r\n  border-radius: 12px;\r\n  text-align: center;\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n  transition: transform 0.3s ease;\r\n  hyphens: auto;\r\n  -webkit-hyphens: auto; \r\n  -ms-hyphens: auto;\r\n  word-spacing: -2px;\r\n}\r\n\r\n.gp-sustainability-item:hover {\r\n  transform: translateY(-10px);\r\n}\r\n\r\n.gp-sus-icon {\r\n  font-size: 3rem;\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.gp-sus-title {\r\n  font-size: 1.3rem;\r\n  font-weight: 700;\r\n  color: var(--gp-dark);\r\n  margin-bottom: 1rem;\r\n}\r\n\r\n.gp-sus-desc {\r\n  color: #666;\r\n  line-height: 1.6;\r\n  text-align: justify;\r\n}\r\n\r\n\/* Credentials Section *\/\r\n.gp-credentials-section {\r\n  padding: 2rem 1rem;\r\n  background: white;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-credentials-content {\r\n  max-width: 1000px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.gp-credentials-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n  gap: 1.5rem;\r\n  margin: 2rem 0;\r\n}\r\n\r\n.gp-credential {\r\n  background: var(--gp-light);\r\n  padding: 1.5rem;\r\n  border-radius: 8px;\r\n  text-align: center;\r\n  border-left: 4px solid var(--gp-accent);\r\n}\r\n\r\n.gp-cred-label {\r\n  display: block;\r\n  font-weight: 600;\r\n  color: var(--gp-dark);\r\n  margin-bottom: 0.5rem;\r\n}\r\n\r\n.gp-cred-value {\r\n  font-size: 0.9rem;\r\n  color: #666;\r\n}\r\n\r\n.gp-cert-badges-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  gap: 1.5rem;\r\n  flex-wrap: wrap;\r\n  margin-top: 2rem;\r\n}\r\n\r\n.gp-cert-badge-large {\r\n  background: var(--gp-primary);\r\n  color: white;\r\n  padding: 0.8rem 1.5rem;\r\n  border-radius: 30px;\r\n  font-weight: 600;\r\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* CTA Section *\/\r\n.gp-cta-section {\r\n  padding: 2rem 1rem;\r\n  background: linear-gradient(135deg, var(--gp-primary) 0%, var(--gp-dark) 100%);\r\n  color: white;\r\n  text-align: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.gp-cta-title {\r\n  font-size: 2.5rem;\r\n  font-weight: 700;\r\n  margin-bottom: 1rem;\r\n  color: white;\r\n}\r\n\r\n.gp-cta-text {\r\n  font-size: 1.2rem;\r\n  margin-bottom: 2rem;\r\n  max-width: 600px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.gp-cta-buttons {\r\n  display: flex;\r\n  gap: 1rem;\r\n  justify-content: center;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.gp-cta-btn {\r\n  padding: 1rem 2rem;\r\n  border-radius: 50px;\r\n  font-weight: 600;\r\n  text-decoration: none;\r\n  transition: all 0.3s ease;\r\n  display: inline-block;\r\n  min-width: 180px;\r\n  text-align: center;\r\n}\r\n\r\n.gp-cta-btn.primary {\r\n  background: var(--gp-secondary);\r\n  color: #333;\r\n}\r\n\r\n.gp-cta-btn.secondary {\r\n  background: transparent;\r\n  color: white;\r\n  border: 2px solid white;\r\n}\r\n\r\n.gp-cta-btn:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 10px 20px rgba(0,0,0,0.2);\r\n}\r\n\r\n\/* Modal Styles *\/\r\n.gp-modal-overlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: rgba(0, 0, 0, 0.7);\r\n  display: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 1000;\r\n  opacity: 0;\r\n  transition: opacity 0.3s ease;\r\n}\r\n\r\n.gp-modal-overlay.active {\r\n  display: flex;\r\n  opacity: 1;\r\n}\r\n\r\n.gp-modal-content {\r\n  background: white;\r\n  border-radius: 12px;\r\n  width: 90%;\r\n  max-width: 500px;\r\n  max-height: 90vh;\r\n  overflow-y: auto;\r\n  transform: translateY(-50px);\r\n  opacity: 0;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n}\r\n\r\n.gp-modal-overlay.active .gp-modal-content {\r\n  transform: translateY(0);\r\n  opacity: 1;\r\n}\r\n\r\n.gp-modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 1.5rem;\r\n  border-bottom: 1px solid #e0e0e0;\r\n  background: var(--gp-primary);\r\n  color: white;\r\n  border-radius: 12px 12px 0 0;\r\n}\r\n\r\n.gp-modal-header h3 {\r\n  margin: 0;\r\n  color: white;\r\n}\r\n\r\n.gp-modal-close {\r\n  background: none;\r\n  border: none;\r\n  font-size: 1.5rem;\r\n  color: white;\r\n  cursor: pointer;\r\n  width: 30px;\r\n  height: 30px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  transition: background 0.3s;\r\n}\r\n\r\n.gp-modal-close:hover {\r\n  background: rgba(255,255,255,0.2);\r\n}\r\n\r\n.gp-modal-body {\r\n  padding: 1.5rem;\r\n}\r\n\r\n.gp-form-group {\r\n  margin-bottom: 1.5rem;\r\n}\r\n\r\n.gp-form-group label {\r\n  display: block;\r\n  margin-bottom: 0.5rem;\r\n  font-weight: 600;\r\n  color: var(--gp-dark);\r\n}\r\n\r\n.gp-form-group input,\r\n.gp-form-group textarea {\r\n  width: 100%;\r\n  padding: 0.75rem;\r\n  border: 1px solid #ddd;\r\n  border-radius: 6px;\r\n  font-family: 'Poppins', sans-serif;\r\n  font-size: 1rem;\r\n  transition: border 0.3s;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gp-form-group input:focus,\r\n.gp-form-group textarea:focus {\r\n  outline: none;\r\n  border-color: var(--gp-primary);\r\n  box-shadow: 0 0 0 2px rgba(46,125,50,0.2);\r\n}\r\n\r\n.gp-form-submit {\r\n  margin-top: 1.5rem;\r\n}\r\n\r\n.gp-submit-btn {\r\n  width: 100%;\r\n  padding: 1rem;\r\n  background: var(--gp-primary);\r\n  color: white;\r\n  border: none;\r\n  border-radius: 6px;\r\n  font-size: 1rem;\r\n  font-weight: 600;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.gp-submit-btn:hover {\r\n  background: var(--gp-dark);\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n}\r\n\r\n\/* Premium Gallery Modal Styles *\/\r\n.gp-premium-gallery-modal {\r\n  display: none;\r\n  position: fixed;\r\n  z-index: 1001;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.95);\r\n  animation: fadeIn 0.3s ease;\r\n}\r\n\r\n.gp-premium-gallery-content {\r\n  position: relative;\r\n  margin: auto;\r\n  padding: 20px;\r\n  width: 95%;\r\n  max-width: 1200px;\r\n  height: 95vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  animation: slideIn 0.3s ease;\r\n}\r\n\r\n.gp-premium-gallery-close {\r\n  position: absolute;\r\n  top: 15px;\r\n  right: 25px;\r\n  color: white;\r\n  font-size: 35px;\r\n  font-weight: bold;\r\n  cursor: pointer;\r\n  z-index: 1002;\r\n  transition: color 0.3s ease;\r\n}\r\n\r\n.gp-premium-gallery-close:hover {\r\n  color: var(--gp-secondary);\r\n}\r\n\r\n.gp-premium-gallery-main {\r\n  flex: 1;\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n#gp-premium-gallery-image {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  object-fit: contain;\r\n  border-radius: 10px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.gp-premium-gallery-controls {\r\n  position: absolute;\r\n  top: 50%;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  transform: translateY(-50%);\r\n  padding: 0 20px;\r\n}\r\n\r\n.gp-premium-gallery-prev,\r\n.gp-premium-gallery-next {\r\n  background: rgba(46, 125, 50, 0.8);\r\n  color: white;\r\n  border: none;\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  font-size: 24px;\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}\r\n\r\n.gp-premium-gallery-prev:hover,\r\n.gp-premium-gallery-next:hover {\r\n  background: rgba(46, 125, 50, 1);\r\n  transform: scale(1.1);\r\n}\r\n\r\n.gp-premium-gallery-thumbnails {\r\n  display: flex;\r\n  gap: 10px;\r\n  overflow-x: auto;\r\n  padding: 10px 0;\r\n  justify-content: center;\r\n}\r\n\r\n.gp-premium-gallery-thumbnail {\r\n  width: 80px;\r\n  height: 60px;\r\n  object-fit: cover;\r\n  border-radius: 5px;\r\n  cursor: pointer;\r\n  opacity: 0.6;\r\n  transition: all 0.3s ease;\r\n  border: 2px solid transparent;\r\n}\r\n\r\n.gp-premium-gallery-thumbnail:hover {\r\n  opacity: 0.8;\r\n  transform: scale(1.05);\r\n}\r\n\r\n.gp-premium-gallery-thumbnail.active {\r\n  opacity: 1;\r\n  border-color: var(--gp-secondary);\r\n  transform: scale(1.1);\r\n}\r\n\r\n.gp-premium-gallery-counter {\r\n  text-align: center;\r\n  color: white;\r\n  font-size: 1.2rem;\r\n  margin-top: 10px;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeIn {\r\n  from { opacity: 0; }\r\n  to { opacity: 1; }\r\n}\r\n\r\n@keyframes slideIn {\r\n  from { transform: translateY(-50px); opacity: 0; }\r\n  to { transform: translateY(0); opacity: 1; }\r\n}\r\n\r\n\/* Animations *\/\r\n.animate-on-scroll {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n  transition: opacity 0.8s ease, transform 0.8s ease;\r\n}\r\n\r\n.animate-on-scroll.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Responsive Design *\/\r\n@media (min-width: 768px) and (max-width: 1023px) {\r\n  \/* Tablet Styles *\/\r\n  .gp-bhk-carousel-slide {\r\n    flex: 0 0 50%;\r\n  }\r\n  \r\n  .gp-construction-item {\r\n    flex: 0 0 50%;\r\n  }\r\n  \r\n  .gp-foundation-item {\r\n    flex: 0 0 50%;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    flex: 0 0 50%;\r\n  }\r\n  \r\n  .gp-bhk-image-container {\r\n    height: 220px;\r\n  }\r\n  \r\n  .gp-construction-item, .gp-foundation-item {\r\n    height: 220px;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    height: 280px;\r\n  }\r\n}\r\n\r\n@media (min-width: 1024px) {\r\n  \/* Desktop Styles *\/\r\n  .desktop-view {\r\n    display: block;\r\n  }\r\n  \r\n  .mobile-view {\r\n    display: none;\r\n  }\r\n  \r\n  .gp-construction-item {\r\n    flex: 0 0 25%;\r\n  }\r\n  \r\n  .gp-foundation-item {\r\n    flex: 0 0 25%;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    flex: 0 0 25%;\r\n  }\r\n  \r\n  .gp-bhk-image-container {\r\n    height: 200px;\r\n  }\r\n  \r\n  .gp-construction-item, .gp-foundation-item {\r\n    height: 200px;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    height: 250px;\r\n  }\r\n}\r\n\r\n@media (max-width: 1023px) {\r\n  \/* Mobile and Tablet Styles *\/\r\n  .desktop-view {\r\n    display: none;\r\n  }\r\n  \r\n  .mobile-view {\r\n    display: block;\r\n  }\r\n  \r\n  .gp-bhk-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 1.5rem;\r\n  }\r\n  \r\n  .gp-bhk-image-container {\r\n    height: 180px;\r\n  }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n  \/* Mobile Styles *\/\r\n  .gp-main-title {\r\n    font-size: 2.5rem;\r\n  }\r\n  \r\n  .gp-subtitle {\r\n    font-size: 1.4rem;\r\n  }\r\n  \r\n  .gp-section-title {\r\n    font-size: 1.8rem;\r\n  }\r\n  \r\n  .gp-description-section {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .gp-plan-details {\r\n    flex-direction: column;\r\n  }\r\n  \r\n  .gp-header {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  \r\n  .gp-logo-container {\r\n    margin-right: 0;\r\n    margin-bottom: 1.5rem;\r\n  }\r\n  \r\n  .gp-cta-buttons {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n  \r\n  .gp-cta-btn {\r\n    width: 100%;\r\n    max-width: 300px;\r\n  }\r\n  \r\n  .gp-bhk-image-container {\r\n    height: 200px;\r\n  }\r\n  \r\n  .gp-construction-item, .gp-foundation-item {\r\n    height: 180px;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    height: 220px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .gp-main-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .gp-subtitle {\r\n    font-size: 1.2rem;\r\n  }\r\n  \r\n  .gp-section-title {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .gp-feature-list {\r\n    padding: 1.5rem;\r\n  }\r\n  \r\n  .gp-highlight-box {\r\n    flex-direction: column;\r\n    text-align: center;\r\n  }\r\n  \r\n  .gp-modal-content {\r\n    width: 95%;\r\n  }\r\n  \r\n  .gp-bhk-image-container {\r\n    height: 180px;\r\n  }\r\n  \r\n  .gp-construction-item, .gp-foundation-item {\r\n    height: 160px;\r\n  }\r\n  \r\n  .gp-floorplan-item {\r\n    height: 200px;\r\n  }\r\n  \r\n  .gp-premium-gallery-thumbnail {\r\n    width: 60px;\r\n    height: 45px;\r\n  }\r\n  \r\n  .gp-premium-gallery-prev,\r\n  .gp-premium-gallery-next {\r\n    width: 40px;\r\n    height: 40px;\r\n    font-size: 20px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/\/ Scroll Animation for Green Prosecks Section\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const elements = document.querySelectorAll(\".green-prosecks-section .animate-on-scroll\");\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) {\r\n        entry.target.classList.add(\"visible\");\r\n        observer.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.2 });\r\n  \r\n  elements.forEach(el => observer.observe(el));\r\n  \r\n  \/\/ Auto-sliding carousel functionality\r\n  class AutoCarousel {\r\n    constructor(trackId, slideInterval = 5000) {\r\n      this.track = document.getElementById(trackId);\r\n      this.slides = Array.from(this.track.children);\r\n      this.currentIndex = 0;\r\n      this.slideInterval = slideInterval;\r\n      this.intervalId = null;\r\n      \r\n      this.init();\r\n    }\r\n    \r\n    init() {\r\n      \/\/ Start auto-slide\r\n      this.startAutoSlide();\r\n      \r\n      \/\/ Pause auto-slide on hover\r\n      this.track.addEventListener('mouseenter', () => {\r\n        this.stopAutoSlide();\r\n      });\r\n      \r\n      this.track.addEventListener('mouseleave', () => {\r\n        this.startAutoSlide();\r\n      });\r\n      \r\n      \/\/ Handle window resize\r\n      window.addEventListener('resize', () => {\r\n        this.updateSlidePosition();\r\n      });\r\n    }\r\n    \r\n    updateSlidePosition() {\r\n      const slideWidth = this.slides[0].getBoundingClientRect().width;\r\n      this.track.style.transform = `translateX(-${this.currentIndex * slideWidth}px)`;\r\n    }\r\n    \r\n    nextSlide() {\r\n      this.currentIndex = (this.currentIndex + 1) % this.slides.length;\r\n      this.updateSlidePosition();\r\n    }\r\n    \r\n    startAutoSlide() {\r\n      this.intervalId = setInterval(() => {\r\n        this.nextSlide();\r\n      }, this.slideInterval);\r\n    }\r\n    \r\n    stopAutoSlide() {\r\n      if (this.intervalId) {\r\n        clearInterval(this.intervalId);\r\n        this.intervalId = null;\r\n      }\r\n    }\r\n  }\r\n  \r\n  \/\/ Initialize BHK carousel for mobile\/tablet\r\n  function initBhkCarousel() {\r\n    const bhkGrid = document.querySelector('.gp-bhk-grid.desktop-view');\r\n    const bhkCarouselTrack = document.getElementById('bhkCarouselTrack');\r\n    \r\n    if (bhkGrid && bhkCarouselTrack) {\r\n      \/\/ Copy BHK cards to carousel\r\n      const bhkCards = bhkGrid.querySelectorAll('.gp-bhk-card');\r\n      bhkCards.forEach(card => {\r\n        const slide = document.createElement('div');\r\n        slide.className = 'gp-bhk-carousel-slide';\r\n        slide.innerHTML = card.innerHTML;\r\n        bhkCarouselTrack.appendChild(slide);\r\n      });\r\n      \r\n      \/\/ Initialize carousel\r\n      new AutoCarousel('bhkCarouselTrack', 4000);\r\n    }\r\n  }\r\n  \r\n  \/\/ Initialize all carousels\r\n  initBhkCarousel();\r\n  new AutoCarousel('constructionCarouselTrack', 3500);\r\n  new AutoCarousel('foundationCarouselTrack', 3500);\r\n  new AutoCarousel('floorplanCarouselTrack', 3500);\r\n  \r\n  \/\/ Premium Gallery Functionality\r\n  const premiumGallery = document.getElementById('gp-premium-gallery');\r\n  const premiumGalleryImage = document.getElementById('gp-premium-gallery-image');\r\n  const premiumGalleryClose = document.querySelector('.gp-premium-gallery-close');\r\n  const premiumGalleryPrev = document.querySelector('.gp-premium-gallery-prev');\r\n  const premiumGalleryNext = document.querySelector('.gp-premium-gallery-next');\r\n  const premiumGalleryCurrent = document.getElementById('gp-premium-gallery-current');\r\n  const premiumGalleryTotal = document.getElementById('gp-premium-gallery-total');\r\n  const premiumGalleryThumbnails = document.querySelector('.gp-premium-gallery-thumbnails');\r\n  \r\n  let currentImageIndex = 0;\r\n  let currentGalleryImages = [];\r\n  \r\n  \/\/ Collect all construction images from data-src attributes\r\n  const constructionImages = [];\r\n  document.querySelectorAll('.gp-construction-image').forEach((item) => {\r\n    const imgSrc = item.getAttribute('data-src');\r\n    if (imgSrc) {\r\n      constructionImages.push(imgSrc);\r\n    }\r\n  });\r\n  \r\n  \/\/ Collect all foundation images from data-src attributes\r\n  const foundationImages = [];\r\n  document.querySelectorAll('.gp-foundation-image').forEach((item) => {\r\n    const imgSrc = item.getAttribute('data-src');\r\n    if (imgSrc) {\r\n      foundationImages.push(imgSrc);\r\n    }\r\n  });\r\n  \r\n  \/\/ Collect all floorplan images from data-src attributes\r\n  const floorplanImages = [];\r\n  document.querySelectorAll('.gp-floorplan-image').forEach((item) => {\r\n    const imgSrc = item.getAttribute('data-src');\r\n    if (imgSrc) {\r\n      floorplanImages.push(imgSrc);\r\n    }\r\n  });\r\n  \r\n  \/\/ Add click events to construction images\r\n  document.querySelectorAll('.gp-construction-item').forEach((item, index) => {\r\n    item.addEventListener('click', function() {\r\n      currentGalleryImages = constructionImages;\r\n      showImage(index);\r\n    });\r\n  });\r\n  \r\n  \/\/ Add click events to foundation images\r\n  document.querySelectorAll('.gp-foundation-item').forEach((item, index) => {\r\n    item.addEventListener('click', function() {\r\n      currentGalleryImages = foundationImages;\r\n      showImage(index);\r\n    });\r\n  });\r\n  \r\n  \/\/ Add click events to floorplan images\r\n  document.querySelectorAll('.gp-floorplan-item').forEach((item, index) => {\r\n    item.addEventListener('click', function() {\r\n      currentGalleryImages = floorplanImages;\r\n      showImage(index);\r\n    });\r\n  });\r\n  \r\n  \/\/ Close gallery\r\n  premiumGalleryClose.addEventListener('click', closeGallery);\r\n  premiumGallery.addEventListener('click', function(e) {\r\n    if (e.target === premiumGallery) {\r\n      closeGallery();\r\n    }\r\n  });\r\n  \r\n  \/\/ Navigation\r\n  premiumGalleryPrev.addEventListener('click', showPrevImage);\r\n  premiumGalleryNext.addEventListener('click', showNextImage);\r\n  \r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', function(e) {\r\n    if (premiumGallery.style.display === 'block') {\r\n      if (e.key === 'Escape') closeGallery();\r\n      if (e.key === 'ArrowLeft') showPrevImage();\r\n      if (e.key === 'ArrowRight') showNextImage();\r\n    }\r\n  });\r\n  \r\n  function showImage(index) {\r\n    if (index >= 0 && index < currentGalleryImages.length) {\r\n      currentImageIndex = index;\r\n      premiumGalleryImage.src = currentGalleryImages[currentImageIndex];\r\n      premiumGalleryCurrent.textContent = currentImageIndex + 1;\r\n      premiumGalleryTotal.textContent = currentGalleryImages.length;\r\n      updateThumbnails();\r\n      premiumGallery.style.display = 'block';\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n  }\r\n  \r\n  function showPrevImage() {\r\n    let newIndex = currentImageIndex - 1;\r\n    if (newIndex < 0) {\r\n      newIndex = currentGalleryImages.length - 1;\r\n    }\r\n    showImage(newIndex);\r\n  }\r\n  \r\n  function showNextImage() {\r\n    let newIndex = currentImageIndex + 1;\r\n    if (newIndex >= currentGalleryImages.length) {\r\n      newIndex = 0;\r\n    }\r\n    showImage(newIndex);\r\n  }\r\n  \r\n  function closeGallery() {\r\n    premiumGallery.style.display = 'none';\r\n    document.body.style.overflow = 'auto';\r\n  }\r\n  \r\n  function updateThumbnails() {\r\n    \/\/ Clear existing thumbnails\r\n    premiumGalleryThumbnails.innerHTML = '';\r\n    \r\n    \/\/ Create new thumbnails\r\n    currentGalleryImages.forEach((src, index) => {\r\n      const thumbnail = document.createElement('img');\r\n      thumbnail.src = src;\r\n      thumbnail.alt = `Thumbnail ${index + 1}`;\r\n      thumbnail.className = 'gp-premium-gallery-thumbnail';\r\n      if (index === currentImageIndex) {\r\n        thumbnail.classList.add('active');\r\n      }\r\n      thumbnail.addEventListener('click', () => showImage(index));\r\n      premiumGalleryThumbnails.appendChild(thumbnail);\r\n    });\r\n  }\r\n  \r\n  \/\/ Modal functionality\r\n  const applyNowBtn = document.getElementById('applyNowBtn');\r\n  const closeModalBtn = document.getElementById('closeModal');\r\n  const applicationModal = document.getElementById('applicationModal');\r\n  const applicationForm = document.getElementById('applicationForm');\r\n  const interestedPackageField = document.getElementById('interestedPackage');\r\n  \r\n  \/\/ Open modal for BHK packages\r\n  const bhkButtons = document.querySelectorAll('.gp-bhk-btn');\r\n  bhkButtons.forEach(button => {\r\n    button.addEventListener('click', () => {\r\n      const bhkType = button.getAttribute('data-bhk');\r\n      const price = button.getAttribute('data-price');\r\n      \r\n      \/\/ Set the interested package field\r\n      interestedPackageField.value = `${bhkType} - ${price}`;\r\n      \r\n      \/\/ Open the application modal\r\n      applicationModal.classList.add('active');\r\n      document.body.style.overflow = 'hidden';\r\n    });\r\n  });\r\n  \r\n  \/\/ Open modal for main Apply Now button\r\n  applyNowBtn.addEventListener('click', () => {\r\n    interestedPackageField.value = \"2 BHK - \u20b99,10,000\";\r\n    applicationModal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n  });\r\n  \r\n  \/\/ Close modal\r\n  closeModalBtn.addEventListener('click', () => {\r\n    applicationModal.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n  });\r\n  \r\n  \/\/ Close modal when clicking outside\r\n  applicationModal.addEventListener('click', (e) => {\r\n    if (e.target === applicationModal) {\r\n      applicationModal.classList.remove('active');\r\n      document.body.style.overflow = 'auto';\r\n    }\r\n  });\r\n  \r\n  \/\/ Form submission\r\n  applicationForm.addEventListener('submit', (e) => {\r\n    e.preventDefault();\r\n    \r\n    \/\/ Get form data\r\n    const formData = new FormData(applicationForm);\r\n    const name = formData.get('applicantName');\r\n    const phone = formData.get('applicantPhone');\r\n    const email = formData.get('applicantEmail');\r\n    const address = formData.get('applicantAddress');\r\n    const state = formData.get('applicantState');\r\n    const packageInfo = formData.get('interestedPackage');\r\n    const message = formData.get('applicantMessage');\r\n    \r\n    \/\/ Create WhatsApp message\r\n    const whatsappMessage = `Green Project Housing Enquiry:%0A%0A*Name:* ${name}%0A*Phone:* ${phone}%0A*Email:* ${email}%0A*Address:* ${address}%0A*State:* ${state}%0A*Interested Package:* ${packageInfo}%0A*Additional Message:* ${message || 'N\/A'}`;\r\n    \r\n    \/\/ Open WhatsApp with pre-filled message\r\n    const whatsappURL = `https:\/\/wa.me\/918017375844?text=${whatsappMessage}`;\r\n    window.open(whatsappURL, '_blank');\r\n    \r\n    \/\/ Close modal\r\n    applicationModal.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n    \r\n    \/\/ Reset form\r\n    applicationForm.reset();\r\n    \r\n    \/\/ Show success message\r\n    alert('Your enquiry has been submitted! You will be redirected to WhatsApp.');\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>Green Initiative SSHG LIFESTYLE Housing Scheme MSME Certified Make in India Made in India Villagers&#8217; Housing Initiative Green initiative by<\/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-27691","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27691","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=27691"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27691\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}