{"id":27306,"date":"2025-10-16T06:04:12","date_gmt":"2025-10-16T06:04:12","guid":{"rendered":"https:\/\/sshg.ahamedgroup.store\/?page_id=27306"},"modified":"2025-11-07T13:55:04","modified_gmt":"2025-11-07T13:55:04","slug":"construction-projects","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27306","title":{"rendered":"Construction Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27306\" class=\"elementor elementor-27306\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e819f0d wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"e819f0d\" 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-aa9a66a elementor-widget elementor-widget-html\" data-id=\"aa9a66a\" 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<section class=\"sshg-projects-section\">\r\n  <div class=\"sshg-container\">\r\n    <!-- Header Section -->\r\n    <div class=\"sshg-header\">\r\n     <a href=\"https:\/\/sshglifestyle.com\/\"><h1 class=\"sshg-main-title\">SSHG <span class=\"highlight-orange\">LIFESTYLE <\/span><\/h1><\/a>\r\n      <p class=\"sshg-tagline\">11+ Years of Excellence in Construction & Interior Projects<\/p>\r\n      <!-- <div class=\"company-badge\">\r\n       <span>SSHG99 LIFESTYLE PVT. LTD.<\/span>\r\n        <span>CIN: U43299WB20250PC280342<\/span>\r\n      <\/div>-->\r\n    <\/div>\r\n    \r\n<!-- \ud83c\udf1f Premium Animated Feature Section (Scoped & Safe) -->\r\n<section class=\"ssg-premium-features\">\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-stopwatch\"><\/i><\/div>\r\n    <h3><span>100%<\/span> On-Time Delivery<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-search-dollar\"><\/i><\/div>\r\n    <h3><span>100%<\/span> Transparency<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n    <h3>Premium <span>Building Materials<\/span><\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-user-tie\"><\/i><\/div>\r\n    <h3>Dedicated <span>Project Manager<\/span><\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-equals\"><\/i><\/div>\r\n    <h3><span>Zero<\/span> Cost Overrun<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card\">\r\n    <div class=\"ssg-icon\"><i class=\"fas fa-shield-alt\"><\/i><\/div>\r\n    <h3><span>100%<\/span> Money Safety<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card ssg-highlight\">\r\n    <h3>No Hidden Charges<\/h3>\r\n  <\/div>\r\n\r\n  <div class=\"ssg-feature-card ssg-highlight\">\r\n    <h3>20 Years Warranty<\/h3>\r\n  <\/div>\r\n<\/section>\r\n    <!-- Projects Showcase -->\r\n  <!--  <div class=\"projects-showcase\">\r\n      <h2 class=\"section-title\">Our Completed <span class=\"highlight\">Projects<\/span><\/h2>\r\n      <div class=\"projects-grid\">\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/m5YpJn13\/Whats-App-Image-2025-10-12-at-1-57-33-PM.jpg\" alt=\"Sairang Railway Station\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Sairang Railway Station<\/h3>\r\n              <p>Infrastructure<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/RkN8k5Br\/Whats-App-Image-2025-10-12-at-1-54-27-PM.jpg\" alt=\"DC Office\">\r\n            <div class=\"project-overlay\">\r\n              <h3>DC Office<\/h3>\r\n              <p>Government Building<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/0p2T5J4T\/Whats-App-Image-2025-10-12-at-1-41-59-PM.jpg\" alt=\"Itanagar High Court\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Itanagar High Court<\/h3>\r\n              <p>Judicial Complex<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/ymf6jGWc\/Whats-App-Image-2025-10-12-at-1-41-57-PM.jpg\" alt=\"Civil Secretary Imphal\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Civil Secretary Imphal<\/h3>\r\n              <p>Government Building<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/3GFtTh7\/Whats-App-Image-2025-10-12-at-1-41-54-PM.jpg\" alt=\"Kalyani General Hospital\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Kalyani General Hospital<\/h3>\r\n              <p>Healthcare Facility<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/TxyxFngp\/Whats-App-Image-2025-10-12-at-1-41-50-PM-1.jpg\" alt=\"NTPC Salakathi Kokrajhar\">\r\n            <div class=\"project-overlay\">\r\n              <h3>NTPC Salakathi Kokrajhar<\/h3>\r\n              <p>Industrial Project<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/tTX0zsgx\/Whats-App-Image-2025-10-12-at-1-41-50-PM.jpg\" alt=\"Coffee House Imphal\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Coffee House Imphal<\/h3>\r\n              <p>Commercial Space<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/5h45Gt9b\/Whats-App-Image-2025-10-12-at-1-41-49-PM.jpg\" alt=\"Manipur House Saltlake\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Manipur House Saltlake<\/h3>\r\n              <p>Government Building<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fdJgP411\/Whats-App-Image-2025-10-12-at-1-41-48-PM.jpg\" alt=\"Khadims Store\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Khadims Store<\/h3>\r\n              <p>Retail Space<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/Vh0Pm9y\/Whats-App-Image-2025-10-12-at-1-41-40-PM.jpg\" alt=\"Davaindia Medicine Store\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Davaindia Medicine Store<\/h3>\r\n              <p>Healthcare Retail<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/pBTcdpLJ\/Whats-App-Image-2025-10-12-at-1-31-12-PM.jpg\" alt=\"Style Bazar Shopping Mall\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Style Bazar Shopping Mall<\/h3>\r\n              <p>Commercial Complex<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/4R4PnHfV\/Whats-App-Image-2025-10-12-at-1-31-11-PM.jpg\" alt=\"Metro Keventer\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Metro Keventer<\/h3>\r\n              <p>Retail Space<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/S4YNwrc9\/Whats-App-Image-2025-10-12-at-1-31-10-PM.jpg\" alt=\"Pan America Store\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Pan America Store<\/h3>\r\n              <p>Retail Space<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/0pRx3kyg\/Whats-App-Image-2025-10-12-at-1-31-09-PM.jpg\" alt=\"Tendi Bazar Shopping Mall\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Tendi Bazar Shopping Mall<\/h3>\r\n              <p>Commercial Complex<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/MyfVxkMZ\/Whats-App-Image-2025-10-12-at-1-31-08-PM.jpg\" alt=\"RENE Garments Store\">\r\n            <div class=\"project-overlay\">\r\n              <h3>RENE Garments Store<\/h3>\r\n              <p>Fashion Retail<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/qMVp9yhw\/Whats-App-Image-2025-10-12-at-1-31-06-PM.jpg\" alt=\"Kolkata Mart Shopping Mall\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Kolkata Mart Shopping Mall<\/h3>\r\n              <p>Commercial Complex<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/fzrGSjfZ\/Whats-App-Image-2025-10-12-at-1-31-04-PM.jpg\" alt=\"Normet\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Normet<\/h3>\r\n              <p>Industrial Project<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"project-card\">\r\n          <div class=\"project-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/i.ibb.co\/sphhyy28\/Whats-App-Image-2025-10-12-at-1-31-03-PM.jpg\" alt=\"Gainwell - CAT\">\r\n            <div class=\"project-overlay\">\r\n              <h3>Gainwell - CAT<\/h3>\r\n              <p>Industrial Project<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div> -->\r\n\r\n    <!-- Additional Projects List -->\r\n   <!-- <div class=\"additional-projects\">\r\n      <h2 class=\"section-title\">More <span class=\"highlight\">Prestigious Projects<\/span><\/h2>\r\n      <div class=\"projects-list\">\r\n        <div class=\"project-item\">B-Stonge Gym (Salman Khan Brand)<\/div>\r\n        <div class=\"project-item\">Only Vimal Reliance Store<\/div>\r\n        <div class=\"project-item\">Aditya Academy School (Barasat)<\/div>\r\n        <div class=\"project-item\">SF SONIC Battery Store<\/div>\r\n      <\/div>\r\n    <\/div> -->\r\n\r\n    <!-- Construction Packages -->\r\n    <div class=\"packages-section\">\r\n      <h2 class=\"section-title\">Our <span class=\"highlight\">Construction Packages<\/span><\/h2>\r\n      <div class=\"packages-grid\">\r\n        <!-- Premium Package -->\r\n        <div class=\"package-card premium\">\r\n          <div class=\"package-header\">\r\n            <h3>Premium Construction<\/h3>\r\n            <div class=\"package-price\">\r\n              <span class=\"price\">\u20b92600\/-<\/span>\r\n              <span class=\"unit\">Per Sq Ft<\/span>\r\n            <\/div>\r\n            <div class=\"package-badge\">2 Floors Minimum<\/div>\r\n          <\/div>\r\n          <div class=\"package-features\">\r\n            <h4>Premium Materials & Brands<\/h4>\r\n            <ul>\r\n              <a href=\"https:\/\/tmtsteel.co.th\/en\/\" target=\"_blank\" rel=\"noopener\"><li><span class=\"feature-icon\">\ud83c\udfd7\ufe0f<\/span> TMT Bar: JSW Steel \/ Tata Tiscon \/ Jindal Steel \/ Tiger TMT<\/li><\/a>\r\n              <li><span class=\"feature-icon\">\ud83c\udfed<\/span> Cement: Dalmia \/ Ultra Tech \/ Ambuja \/ ACC<\/li>\r\n              <li><span class=\"feature-icon\">\ud83e\uddf1<\/span> Brick Wall: INO Quality Blocks AAC Light Weight Blocks<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udfa8<\/span> Putty & Color: Berger \/ Opus Prime \/ Dulux \/ Asian Paints<\/li>\r\n              <li><span class=\"feature-icon\">\u26a1<\/span> Wires & Switches: Polycab \/ Finolex \/ Havells \/ KEI<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udf00<\/span> Ceiling Fan: High Speed Remote DLDC Fan<\/li>\r\n              <li><span class=\"feature-icon\">\ud83e\uddf1<\/span> Tiles: Kajaria \/ Johnson \/ Hindware \/ Rax \/ Cere<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeb0<\/span> Plumbing: Astral Pipes \/ Supreme Pipes \/ Ashirvad Pipes<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udebd<\/span> Bathroom Fittings: Jaquar \/ Hindware \/ Cere<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeaa<\/span> Doors & Windows: Main Door Segun Wood, UPVC Windows<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udd17<\/span> Railing: Steel 304 Glass Railing<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Standard Package -->\r\n        <div class=\"package-card standard\">\r\n          <div class=\"package-header\">\r\n            <h3>Standard Construction<\/h3>\r\n            <div class=\"package-price\">\r\n              <span class=\"price\">\u20b91900\/-<\/span>\r\n              <span class=\"unit\">Per Sq Ft<\/span>\r\n            <\/div>\r\n            <div class=\"package-badge\">2.5% Discount<\/div>\r\n          <\/div>\r\n          <div class=\"package-features\">\r\n            <h4>Quality Materials & Brands<\/h4>\r\n            <ul>\r\n              <li><span class=\"feature-icon\">\ud83c\udfd7\ufe0f<\/span> TMT Bar: Elegant \/ SRMB TMT \/ Durgapur TMT \/ Essar Steel<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udfed<\/span> Cement: ACC \/ Dalmia \/ Ambuja \/ Ultra Tech<\/li>\r\n              <li><span class=\"feature-icon\">\ud83e\uddf1<\/span> Brick Wall: Premium Quality Product<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udfa8<\/span> Putty & Color: Dulux \/ Asian Paints \/ Berger<\/li>\r\n              <li><span class=\"feature-icon\">\u26a1<\/span> Wires & Switches: Panasonic \/ Mascab \/ Anchor \/ Polycab<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udf00<\/span> Ceiling Fan: 600mm\/900mm\/1200mm Premium Quality<\/li>\r\n              <li><span class=\"feature-icon\">\ud83e\uddf1<\/span> Tiles: Premium Quality Product<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeb0<\/span> Plumbing: Prince \/ Supreme \/ Astral<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udebd<\/span> Bathroom Fittings: Parryware \/ Etc<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeaa<\/span> Windows: Aluminum Sliding Good Quality<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udd17<\/span> Railing: Steel 304<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Interior Package -->\r\n        <div class=\"package-card interior\">\r\n          <div class=\"package-header\">\r\n            <h3>Interior Decoration<\/h3>\r\n            <div class=\"package-price\">\r\n              <span class=\"price\">\u20b92600\/-<\/span>\r\n              <span class=\"unit\">Per Sq Ft<\/span>\r\n            <\/div>\r\n            <div class=\"package-badge\">25 Years Warranty<\/div>\r\n          <\/div>\r\n          <div class=\"package-features\">\r\n            <h4>Complete Interior Package<\/h4>\r\n            <ul>\r\n              <li><span class=\"feature-icon\">\ud83c\udf73<\/span> Modular Kitchen with Chimney & Oven<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udecf\ufe0f<\/span> Master Bedroom with Bed, Side Table, Wardrobe<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udc76<\/span> Kid Room with Study Table & Cabinet<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\uded0<\/span> Pooja Room Fully Furnished<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udecb\ufe0f<\/span> Living Room with 6-Seater Sofa, TV Unit & 43\" 4K TV<\/li>\r\n              <li><span class=\"feature-icon\">\ud83c\udf7d\ufe0f<\/span> Dining Table 6-Seater<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udd0c<\/span> Fridge, Ceiling Fan DLDC, LED Light, AC, CCTV<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeb0<\/span> Water Purifier, Microwave Oven<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udeaa<\/span> All Door & Window Paneling<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udca1<\/span> False Ceiling & Panel LED Light<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udec1<\/span> Bathroom with Fingerprint Sensor Mirror<\/li>\r\n              <li><span class=\"feature-icon\">\ud83d\udc5e<\/span> Shoe Cabinet, Wall Corner Cabinet<\/li>\r\n            <\/ul>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Combined Packages -->\r\n    <div class=\"combined-packages\">\r\n      <h2 class=\"section-title\">Special <span class=\"highlight\">Combined Packages<\/span><\/h2>\r\n      <div class=\"combined-grid\">\r\n        <div class=\"combined-card\">\r\n          <div class=\"combined-badge\">Premium Package<\/div>\r\n          <div class=\"combined-details\">\r\n            <div class=\"price-breakdown\">\r\n              <div class=\"price-item\">\r\n                <span>Construction<\/span>\r\n                <span>\u20b92600\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item\">\r\n                <span>Interior<\/span>\r\n                <span>\u20b92600\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item total\">\r\n                <span>Total<\/span>\r\n                <span>\u20b95200\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item discount\">\r\n                <span>Discount (13%)<\/span>\r\n                <span>-\u20b9676\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item final\">\r\n                <span>Final Price<\/span>\r\n                <span>\u20b94524\/sq ft<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"customer-gift\">\r\n              <span class=\"gift-badge\">Customer Gift Coupon Included<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"combined-card\">\r\n          <div class=\"combined-badge\">Standard Package<\/div>\r\n          <div class=\"combined-details\">\r\n            <div class=\"price-breakdown\">\r\n              <div class=\"price-item\">\r\n                <span>Construction<\/span>\r\n                <span>\u20b91900\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item\">\r\n                <span>Interior<\/span>\r\n                <span>\u20b92600\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item total\">\r\n                <span>Total<\/span>\r\n                <span>\u20b94500\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item discount\">\r\n                <span>Discount (8%)<\/span>\r\n                <span>-\u20b9360\/sq ft<\/span>\r\n              <\/div>\r\n              <div class=\"price-item final\">\r\n                <span>Final Price<\/span>\r\n                <span>\u20b94140\/sq ft<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"customer-gift\">\r\n              <span class=\"gift-badge\">Customer Gift Coupon Included<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Contact Section -->\r\n    <div class=\"contact-section\">\r\n      <div class=\"contact-container\">\r\n        <h2 class=\"section-title\">Get Your <span class=\"highlight\">Dream Project<\/span><\/h2>\r\n        <p class=\"contact-subtitle\">Contact us for a free consultation and quotation<\/p>\r\n        \r\n        <div class=\"contact-grid\">\r\n          <div class=\"contact-info\">\r\n            <h3>Our Offices<\/h3>\r\n            <div class=\"office-card\">\r\n              <h4>Kolkata Office<\/h4>\r\n              <p>15\/9 Midland Place, Rahara Bazar, Khardha<br>Bokultala, Kalyan Nagar, Kolkata - 700118<\/p>\r\n            <\/div>\r\n            <div class=\"office-card\">\r\n              <h4>Guwahati Office<\/h4>\r\n              <p>SS Complex, Ground Floor, Athgaon<br>Kamrup, Assam - 781001<\/p>\r\n            <\/div>\r\n            <div class=\"contact-details\">\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udce7<\/span>\r\n                <span>sshglifestyle@gmail.com<\/span>\r\n              <\/div>\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udce7<\/span>\r\n                <span>Durabuildkol@gmail.com<\/span>\r\n              <\/div>\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udcde<\/span>\r\n                <span>+91 8017375844 (Office)<\/span>\r\n              <\/div>\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udc68\u200d\ud83d\udcbc<\/span>\r\n                <span>care@sshglifestyle.com (Inquiry)<\/span>\r\n              <\/div>\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udc51<\/span>\r\n                <span>marketing@sshglifestyle.com (Marketing)<\/span>\r\n              <\/div>\r\n              <div class=\"contact-item\">\r\n                <span class=\"contact-icon\">\ud83d\udcbc<\/span>\r\n                <span>info@sshglifestyle.com (General)<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <div class=\"contact-form\">\r\n            <form id=\"projectInquiryForm\" class=\"inquiry-form\">\r\n              <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"project-name\">Full Name *<\/label>\r\n                  <input type=\"text\" id=\"project-name\" name=\"project-name\" placeholder=\"Enter your full name\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"project-phone\">Mobile Number *<\/label>\r\n                  <input type=\"tel\" id=\"project-phone\" name=\"project-phone\" placeholder=\"Enter your 10-digit mobile number\" required>\r\n                <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"project-email\">Email Address<\/label>\r\n                <input type=\"email\" id=\"project-email\" name=\"project-email\" placeholder=\"Enter your email\">\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"project-location\">Project Location *<\/label>\r\n                <input type=\"text\" id=\"project-location\" name=\"project-location\" placeholder=\"Enter your city\/location\" required>\r\n              <\/div>\r\n              \r\n              <div class=\"form-row\">\r\n                <div class=\"form-group\">\r\n                  <label for=\"project-area\">Required Area (Sq Ft) *<\/label>\r\n                  <input type=\"number\" id=\"project-area\" name=\"project-area\" placeholder=\"Enter area in square feet\" min=\"500\" required>\r\n                <\/div>\r\n                <div class=\"form-group\">\r\n                  <label for=\"project-type\">Project Type<\/label>\r\n                  <select id=\"project-type\" name=\"project-type\">\r\n                    <option value=\"\">Select project type<\/option>\r\n                    <option value=\"residential\">Residential<\/option>\r\n                    <option value=\"commercial\">Commercial<\/option>\r\n                    <option value=\"industrial\">Industrial<\/option>\r\n                    <option value=\"government\">Government<\/option>\r\n                  <\/select>\r\n                <\/div>\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"project-package\">Preferred Package<\/label>\r\n                <select id=\"project-package\" name=\"project-package\">\r\n                  <option value=\"\">Select package<\/option>\r\n                  <option value=\"premium\">Premium Construction (\u20b92600\/sq ft)<\/option>\r\n                  <option value=\"standard\">Standard Construction (\u20b91900\/sq ft)<\/option>\r\n                  <option value=\"interior\">Interior Decoration (\u20b92600\/sq ft)<\/option>\r\n                  <option value=\"combined-premium\">Combined Premium (\u20b94524\/sq ft)<\/option>\r\n                  <option value=\"combined-standard\">Combined Standard (\u20b94140\/sq ft)<\/option>\r\n                <\/select>\r\n              <\/div>\r\n              \r\n              <div class=\"form-group\">\r\n                <label for=\"project-message\">Project Requirements<\/label>\r\n                <textarea id=\"project-message\" name=\"project-message\" placeholder=\"Describe your project requirements...\" rows=\"4\"><\/textarea>\r\n              <\/div>\r\n              \r\n              <button type=\"submit\" class=\"inquiry-submit-btn\">\r\n                <i class=\"fab fa-whatsapp\"><\/i> Send To WhatsApp\r\n              <\/button>\r\n            <\/form>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n.sshg-projects-section {\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n  padding: 60px 20px;\r\n  font-family: \"Poppins\", sans-serif;\r\n  color: #333;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Header Styles *\/\r\n.sshg-header {\r\n  text-align: center;\r\n  margin-bottom: 50px;\r\n  position: relative;\r\n  animation: fadeInDown 1s ease;\r\n}\r\n\r\n.sshg-main-title {\r\n  font-size: clamp(2.5rem, 6vw, 4rem);\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  color: #014c5f;\r\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.highlight-orange {\r\n  color: #e74505;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.highlight-orange::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 10px;\r\n  background: rgba(231, 69, 5, 0.2);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.sshg-tagline {\r\n  font-size: clamp(1.2rem, 2.5vw, 1.5rem);\r\n  color: #666;\r\n  margin-bottom: 30px;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.sshg-tagline::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -12px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 120px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #e74505, transparent);\r\n}\r\n\r\n.company-badge {\r\n  display: inline-flex;\r\n  flex-direction: column;\r\n  background: linear-gradient(135deg, #014c5f, #0278a3);\r\n  color: white;\r\n  padding: 15px 30px;\r\n  border-radius: 10px;\r\n  box-shadow: 0 8px 20px rgba(1, 76, 95, 0.3);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.company-badge::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: rgba(255, 255, 255, 0.1);\r\n  transform: rotate(45deg);\r\n  transition: all 0.5s ease;\r\n}\r\n\r\n.company-badge:hover::before {\r\n  transform: rotate(45deg) translate(50%, 50%);\r\n}\r\n\r\n.company-badge span:first-child {\r\n  font-weight: 700;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.company-badge span:last-child {\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* Section Titles *\/\r\n.section-title {\r\n  text-align: center;\r\n  font-size: clamp(1.8rem, 4vw, 2.5rem);\r\n  color: #014c5f;\r\n  margin-bottom: 50px;\r\n  font-weight: 700;\r\n  position: relative;\r\n  padding-bottom: 15px;\r\n}\r\n\r\n.section-title::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 100px;\r\n  height: 4px;\r\n  background: #e74505;\r\n  border-radius: 2px;\r\n}\r\n\r\n.highlight {\r\n  color: #e74505;\r\n}\r\n\r\n\/* Projects Showcase *\/\r\n.projects-showcase {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.projects-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n  gap: 25px;\r\n}\r\n\r\n.project-card {\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(1, 76, 95, 0.1);\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  aspect-ratio: 4\/3;\r\n}\r\n\r\n.project-card:hover {\r\n  transform: translateY(-10px) scale(1.02);\r\n  box-shadow: 0 15px 30px rgba(231, 69, 5, 0.2);\r\n}\r\n\r\n.project-image {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.project-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.project-card:hover .project-image img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.project-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(transparent, rgba(1, 76, 95, 0.9));\r\n  color: white;\r\n  padding: 25px 20px;\r\n  transform: translateY(100%);\r\n  transition: transform 0.4s ease;\r\n}\r\n\r\n.project-card:hover .project-overlay {\r\n  transform: translateY(0);\r\n}\r\n\r\n.project-overlay h3 {\r\n  font-size: 1.4rem;\r\n  margin-bottom: 5px;\r\n  font-weight: 600;\r\n  color: #fff;\r\n}\r\n\r\n.project-overlay p {\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n}\r\n\r\n\/* Additional Projects *\/\r\n.additional-projects {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.projects-list {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n  gap: 15px;\r\n  max-width: 800px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.project-item {\r\n  background: white;\r\n  padding: 15px 20px;\r\n  border-radius: 10px;\r\n  text-align: center;\r\n  font-weight: 500;\r\n  color: #014c5f;\r\n  box-shadow: 0 5px 15px rgba(1, 76, 95, 0.1);\r\n  transition: all 0.3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.project-item::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: -100%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background: linear-gradient(90deg, transparent, rgba(231, 69, 5, 0.1), transparent);\r\n  transition: left 0.5s ease;\r\n}\r\n\r\n.project-item:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.project-item:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 8px 20px rgba(231, 69, 5, 0.15);\r\n  color: #e74505;\r\n}\r\n\r\n\/* Packages Section *\/\r\n.packages-section {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.packages-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n  gap: 30px;\r\n}\r\n\r\n.package-card {\r\n  background: white;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(1, 76, 95, 0.1);\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n}\r\n\r\n.package-card:hover {\r\n  transform: translateY(-10px);\r\n  box-shadow: 0 15px 30px rgba(231, 69, 5, 0.2);\r\n}\r\n\r\n.package-card.premium {\r\n  border-top: 5px solid #e74505;\r\n}\r\n\r\n.package-card.standard {\r\n  border-top: 5px solid #014c5f;\r\n}\r\n\r\n.package-card.interior {\r\n  border-top: 5px solid #27ae60;\r\n}\r\n\r\n.package-header {\r\n  padding: 25px;\r\n  text-align: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.package-card.premium .package-header {\r\n  background: linear-gradient(135deg, rgba(231, 69, 5, 0.1), rgba(231, 69, 5, 0.05));\r\n}\r\n\r\n.package-card.standard .package-header {\r\n  background: linear-gradient(135deg, rgba(1, 76, 95, 0.1), rgba(1, 76, 95, 0.05));\r\n}\r\n\r\n.package-card.interior .package-header {\r\n  background: linear-gradient(135deg, rgba(39, 174, 96, 0.1), rgba(39, 174, 96, 0.05));\r\n}\r\n\r\n.package-header h3 {\r\n  font-size: 1.6rem;\r\n  margin-bottom: 15px;\r\n  color: #014c5f;\r\n}\r\n\r\n.package-price {\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.price {\r\n  display: block;\r\n  font-size: 2.2rem;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n  color: #e74505;\r\n}\r\n\r\n.unit {\r\n  font-size: 1rem;\r\n  opacity: 0.8;\r\n}\r\n\r\n.package-badge {\r\n  display: inline-block;\r\n  padding: 8px 15px;\r\n  border-radius: 20px;\r\n  font-size: 0.9rem;\r\n  font-weight: 600;\r\n}\r\n\r\n.package-card.premium .package-badge {\r\n  background: rgba(231, 69, 5, 0.15);\r\n  color: #e74505;\r\n}\r\n\r\n.package-card.standard .package-badge {\r\n  background: rgba(1, 76, 95, 0.15);\r\n  color: #014c5f;\r\n}\r\n\r\n.package-card.interior .package-badge {\r\n  background: rgba(39, 174, 96, 0.15);\r\n  color: #27ae60;\r\n}\r\n\r\n.package-features {\r\n  padding: 25px;\r\n}\r\n\r\n.package-features h4 {\r\n  font-size: 1.2rem;\r\n  margin-bottom: 20px;\r\n  color: #014c5f;\r\n  text-align: center;\r\n  border-bottom: 1px solid #eee;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.package-features ul {\r\n  list-style: none;\r\n  padding: 0;\r\n}\r\n\r\n.package-features li {\r\n  padding: 10px 0;\r\n  font-size: 0.95rem;\r\n  color: #444;\r\n  border-bottom: 1px solid #f5f5f5;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: 10px;\r\n}\r\n\r\n.package-features li:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.feature-icon {\r\n  font-size: 1.2rem;\r\n  flex-shrink: 0;\r\n  margin-top: 2px;\r\n}\r\n\r\n\/* Combined Packages *\/\r\n.combined-packages {\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.combined-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));\r\n  gap: 30px;\r\n  max-width: 900px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.combined-card {\r\n  background: white;\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(1, 76, 95, 0.1);\r\n  transition: all 0.4s ease;\r\n}\r\n\r\n.combined-card:hover {\r\n  transform: translateY(-8px);\r\n  box-shadow: 0 12px 30px rgba(231, 69, 5, 0.15);\r\n}\r\n\r\n.combined-badge {\r\n  background: linear-gradient(135deg, #e74505, #ff8c66);\r\n  color: white;\r\n  padding: 15px;\r\n  text-align: center;\r\n  font-weight: 700;\r\n  font-size: 1.2rem;\r\n}\r\n\r\n.combined-details {\r\n  padding: 25px;\r\n}\r\n\r\n.price-breakdown {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.price-item {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.price-item.total {\r\n  font-weight: 600;\r\n  border-bottom: 2px solid #ddd;\r\n}\r\n\r\n.price-item.discount {\r\n  color: #e74505;\r\n}\r\n\r\n.price-item.final {\r\n  font-weight: 700;\r\n  font-size: 1.2rem;\r\n  color: #014c5f;\r\n  border-bottom: none;\r\n  margin-top: 10px;\r\n  padding-top: 15px;\r\n  border-top: 2px solid #ddd;\r\n}\r\n\r\n.customer-gift {\r\n  text-align: center;\r\n}\r\n\r\n.gift-badge {\r\n  display: inline-block;\r\n  background: rgba(39, 174, 96, 0.15);\r\n  color: #27ae60;\r\n  padding: 10px 20px;\r\n  border-radius: 20px;\r\n  font-weight: 600;\r\n  font-size: 0.9rem;\r\n}\r\n\r\n\/* Contact Section *\/\r\n.contact-section {\r\n  background: white;\r\n  border-radius: 20px;\r\n  padding: 50px 40px;\r\n  box-shadow: 0 10px 30px rgba(1, 76, 95, 0.1);\r\n  margin-top: 40px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.contact-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 5px;\r\n  background: linear-gradient(90deg, #014c5f, #e74505);\r\n}\r\n\r\n.contact-subtitle {\r\n  text-align: center;\r\n  color: #666;\r\n  margin-bottom: 40px;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.contact-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n}\r\n\r\n.contact-info h3 {\r\n  color: #014c5f;\r\n  margin-bottom: 25px;\r\n  font-size: 1.4rem;\r\n  position: relative;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n.contact-info h3::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 60px;\r\n  height: 3px;\r\n  background: #e74505;\r\n  border-radius: 2px;\r\n}\r\n\r\n.office-card {\r\n  background: #f8f9fa;\r\n  padding: 20px;\r\n  border-radius: 10px;\r\n  margin-bottom: 20px;\r\n  border-left: 4px solid #014c5f;\r\n}\r\n\r\n.office-card h4 {\r\n  color: #014c5f;\r\n  margin-bottom: 10px;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n.office-card p {\r\n  color: #666;\r\n  line-height: 1.6;\r\n}\r\n\r\n.contact-details {\r\n  margin-top: 30px;\r\n}\r\n\r\n.contact-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  padding: 12px 0;\r\n  border-bottom: 1px solid #f0f0f0;\r\n}\r\n\r\n.contact-item:last-child {\r\n  border-bottom: none;\r\n}\r\n\r\n.contact-icon {\r\n  font-size: 1.2rem;\r\n  width: 30px;\r\n  text-align: center;\r\n}\r\n\r\n.contact-form {\r\n  background: #f8f9fa;\r\n  padding: 30px;\r\n  border-radius: 15px;\r\n}\r\n\r\n.inquiry-form {\r\n  max-width: 100%;\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 20px;\r\n}\r\n\r\n.form-group {\r\n  margin-bottom: 20px;\r\n  position: relative;\r\n}\r\n\r\n.form-group label {\r\n  display: block;\r\n  margin-bottom: 8px;\r\n  font-weight: 600;\r\n  color: #014c5f;\r\n  font-size: 0.95rem;\r\n}\r\n\r\n.form-group input,\r\n.form-group select,\r\n.form-group textarea {\r\n  width: 100%;\r\n  padding: 8px 16px;\r\n  border: 1px solid #ddd;\r\n  border-radius: 8px;\r\n  font-size: 1rem;\r\n  transition: all 0.3s ease;\r\n  box-sizing: border-box;\r\n  font-family: \"Poppins\", sans-serif;\r\n  background: white;\r\n}\r\n\r\n.form-group input:focus,\r\n.form-group select:focus,\r\n.form-group textarea:focus {\r\n  outline: none;\r\n  border-color: #e74505;\r\n  box-shadow: 0 0 0 3px rgba(231, 69, 5, 0.1);\r\n}\r\n\r\n.form-group::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, #014c5f, #e74505);\r\n  transform: scaleX(0);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.form-group:focus-within::after {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.inquiry-submit-btn {\r\n  width: 100%;\r\n  background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);\r\n  color: white;\r\n  border: none;\r\n  padding: 18px;\r\n  font-size: 1.2rem;\r\n  font-weight: 600;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  transition: all 0.4s ease;\r\n  margin-top: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.inquiry-submit-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.2), transparent);\r\n  transition: left 0.5s ease;\r\n}\r\n\r\n.inquiry-submit-btn:hover::before {\r\n  left: 100%;\r\n}\r\n\r\n.inquiry-submit-btn:hover {\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 7px 20px rgba(37, 211, 102, 0.4);\r\n}\r\n\r\n.inquiry-submit-btn:active {\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    box-shadow: 0 10px 25px rgba(231, 69, 5, 0.3);\r\n  }\r\n  50% {\r\n    box-shadow: 0 10px 30px rgba(231, 69, 5, 0.5);\r\n  }\r\n  100% {\r\n    box-shadow: 0 10px 25px rgba(231, 69, 5, 0.3);\r\n  }\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (max-width: 1024px) {\r\n  .projects-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  }\r\n  \r\n  .packages-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .combined-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-grid {\r\n    grid-template-columns: 1fr;\r\n    gap: 30px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .sshg-projects-section {\r\n    padding: 40px 15px;\r\n  }\r\n  \r\n  .form-row {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-section {\r\n    padding: 30px 20px;\r\n  }\r\n  \r\n  .projects-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .contact-form {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .company-badge {\r\n    padding: 12px 20px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .sshg-main-title {\r\n    font-size: 2rem;\r\n  }\r\n  \r\n  .sshg-tagline {\r\n    font-size: 1.1rem;\r\n  }\r\n  \r\n  .section-title {\r\n    font-size: 1.6rem;\r\n  }\r\n  \r\n  .package-card, .combined-card {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .contact-section {\r\n    padding: 25px 15px;\r\n  }\r\n  \r\n  .inquiry-submit-btn {\r\n    font-size: 1.1rem;\r\n    padding: 16px;\r\n  }\r\n  \r\n  .projects-list {\r\n    grid-template-columns: 1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* \ud83e\uddf1 Scoped Premium Design *\/\r\n.ssg-premium-features {\r\n  --ssg-primary: #e74505;\r\n  --ssg-accent: #00b853;\r\n  --ssg-dark: #111;\r\n  --ssg-light: #fff;\r\n\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n  gap: 25px;\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  margin: 60px auto;\r\n  padding: 0 25px;\r\n}\r\n\r\n\/* \ud83d\udd36 Feature Card Styling *\/\r\n.ssg-feature-card {\r\n  position: relative;\r\n  background: linear-gradient(145deg, #ffffff, #f7f7f7);\r\n  border-radius: 18px;\r\n  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.08);\r\n  padding: 40px 25px;\r\n  text-align: center;\r\n  transition: all 0.5s ease;\r\n  overflow: hidden;\r\n  transform-style: preserve-3d;\r\n  perspective: 1000px;\r\n}\r\n\r\n\/* Hover Glow *\/\r\n.ssg-feature-card::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at top right, rgba(231,69,5,0.1), rgba(0,184,83,0.15));\r\n  opacity: 0;\r\n  transition: opacity 0.6s ease;\r\n}\r\n.ssg-feature-card:hover::after {\r\n  opacity: 1;\r\n}\r\n\r\n\/* Hover Motion *\/\r\n.ssg-feature-card:hover {\r\n  transform: translateY(-10px) scale(1.03);\r\n  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n\/* \ud83e\udded Icon *\/\r\n.ssg-icon {\r\n  font-size: 2.5rem;\r\n  color: var(--ssg-primary);\r\n  margin-bottom: 18px;\r\n  transition: all 0.6s ease;\r\n  filter: drop-shadow(0 3px 6px rgba(231, 69, 5, 0.4));\r\n}\r\n.ssg-feature-card:hover .ssg-icon {\r\n  color: var(--ssg-accent);\r\n  transform: rotateY(360deg);\r\n  filter: drop-shadow(0 3px 10px rgba(0, 255, 150, 0.5));\r\n}\r\n\r\n\/* \ud83c\udff7 Text *\/\r\n.ssg-feature-card h3 {\r\n  font-size: 1.1rem;\r\n  font-weight: 700;\r\n  color: var(--ssg-dark);\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.3px;\r\n  line-height: 1.4;\r\n  margin: 0;\r\n}\r\n.ssg-feature-card h3 span {\r\n  color: var(--ssg-primary);\r\n}\r\n\r\n\/* \ud83d\udfe2 Highlight Cards *\/\r\n.ssg-highlight {\r\n  background: linear-gradient(135deg, var(--ssg-accent), #02d06d);\r\n  color: #fff;\r\n  border: none;\r\n  box-shadow: 0 0 25px rgba(0, 255, 100, 0.4);\r\n  animation: ssgGreenGlow 2.5s ease-in-out infinite;\r\n}\r\n.ssg-highlight h3 {\r\n  color: #fff;\r\n  font-size: 1.15rem;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n}\r\n\r\n@keyframes ssgGreenGlow {\r\n  0% { box-shadow: 0 0 10px rgba(0,255,100,0.3), 0 0 20px rgba(0,255,100,0.2); }\r\n  50% { box-shadow: 0 0 25px rgba(0,255,100,0.7), 0 0 45px rgba(0,255,150,0.4); }\r\n  100% { box-shadow: 0 0 10px rgba(0,255,100,0.3), 0 0 20px rgba(0,255,100,0.2); }\r\n}\r\n\r\n\/* Scroll Animation *\/\r\n.ssg-feature-card {\r\n  opacity: 0;\r\n  transform: translateY(40px);\r\n}\r\n.ssg-feature-card.ssg-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n  transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n\/* \ud83d\udcf1 Responsive Adjustments *\/\r\n\r\n\/* Tablet - 3 per row *\/\r\n@media (max-width: 992px) {\r\n  .ssg-premium-features {\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 20px;\r\n    padding: 0 20px;\r\n  }\r\n  .ssg-feature-card {\r\n    padding: 35px 20px;\r\n  }\r\n}\r\n\r\n\/* Mobile - 2 per row *\/\r\n@media (max-width: 600px) {\r\n  .ssg-premium-features {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 15px;\r\n    padding: 0 15px;\r\n    margin: 40px auto;\r\n  }\r\n  .ssg-feature-card {\r\n    padding: 25px 15px;\r\n    border-radius: 14px;\r\n  }\r\n  .ssg-icon {\r\n    font-size: 2rem;\r\n    margin-bottom: 12px;\r\n  }\r\n  .ssg-feature-card h3 {\r\n    font-size: 0.9rem;\r\n    line-height: 1.3;\r\n  }\r\n}\r\n\r\n\/* Extra small phones *\/\r\n@media (max-width: 400px) {\r\n  .ssg-premium-features {\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 10px;\r\n    padding: 0 10px;\r\n  }\r\n  .ssg-feature-card {\r\n    padding: 22px 10px;\r\n  }\r\n  .ssg-icon {\r\n    font-size: 1.7rem;\r\n  }\r\n  .ssg-feature-card h3 {\r\n    font-size: 0.85rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.getElementById(\"projectInquiryForm\").addEventListener(\"submit\", function(e){\r\n  e.preventDefault();\r\n  \r\n  \/\/ Get form values\r\n  const name = document.getElementById(\"project-name\").value.trim();\r\n  const phone = document.getElementById(\"project-phone\").value.trim();\r\n  const email = document.getElementById(\"project-email\").value.trim();\r\n  const location = document.getElementById(\"project-location\").value.trim();\r\n  const area = document.getElementById(\"project-area\").value.trim();\r\n  const type = document.getElementById(\"project-type\").value;\r\n  const package = document.getElementById(\"project-package\").value;\r\n  const message = document.getElementById(\"project-message\").value.trim();\r\n  \r\n  \/\/ Format message for WhatsApp\r\n  const whatsappMessage = `\ud83c\udfd7\ufe0f *SSHG LIFESTYLE CONSTRUCTION INQUIRY* \ud83c\udfd7\ufe0f\r\n\r\n*Personal Details:*\r\n\ud83d\udc64 Name: ${name}\r\n\ud83d\udcde Phone: ${phone}\r\n\ud83d\udce7 Email: ${email || \"Not Provided\"}\r\n\r\n*Project Details:*\r\n\ud83d\udccd Location: ${location}\r\n\ud83d\udccf Required Area: ${area} Sq Ft\r\n\ud83c\udfe2 Project Type: ${type || \"Not Specified\"}\r\n\ud83d\udce6 Preferred Package: ${package || \"Not Specified\"}\r\n\r\n*Project Requirements:*\r\n${message || \"No specific requirements\"}\r\n\r\n_I'm interested in SSHG Lifestyle construction services with 11+ years of experience._`;\r\n  \r\n  \/\/ Send to WhatsApp\r\n  const whatsappNumber = \"918017375844\";\r\n  window.open(`https:\/\/wa.me\/${whatsappNumber}?text=${encodeURIComponent(whatsappMessage)}`, \"_blank\");\r\n});\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n<!-- Font Awesome Icons -->\r\n<script src=\"https:\/\/kit.fontawesome.com\/a2d9d5a64b.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n<script>\r\n\/* \ud83c\udfac Scroll Reveal Animation *\/\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  const ssgCards = document.querySelectorAll(\".ssg-feature-card\");\r\n  const observer = new IntersectionObserver(entries => {\r\n    entries.forEach(entry => {\r\n      if (entry.isIntersecting) entry.target.classList.add(\"ssg-visible\");\r\n    });\r\n  }, { threshold: 0.2 });\r\n  ssgCards.forEach(card => observer.observe(card));\r\n});\r\n<\/script>\r\n\r\n\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<div class=\"elementor-element elementor-element-dde25ac wd-section-stretch-content elementor-hidden-desktop elementor-hidden-tablet e-flex e-con-boxed e-con e-parent\" data-id=\"dde25ac\" 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-78a5579 elementor-widget elementor-widget-html\" data-id=\"78a5579\" 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 LTD - Under Construction Projects Gallery -->\r\n<section class=\"sshg-construction-gallery-section\">\r\n  <div class=\"sshg-container\">\r\n    <!-- Gallery Header -->\r\n    <div class=\"gallery-header\">\r\n      <h2 class=\"gallery-title\">Our <span class=\"highlight\">Under Construction Projects<\/span><\/h2>\r\n      <p class=\"gallery-subtitle\">Transforming Visions into Reality<\/p>\r\n    <\/div>\r\n    <!-- Projects Gallery -->\r\n    <div class=\"projects-gallery\">\r\n      <!-- Desktop Grid View -->\r\n      <div class=\"gallery-grid desktop-view\">\r\n        <!-- Project items will be populated by JavaScript -->\r\n      <\/div>\r\n      \r\n      <!-- Mobile\/Tablet Carousel View -->\r\n      <div class=\"gallery-carousel mobile-view\">\r\n        <div class=\"carousel-track\" id=\"carouselTrack\">\r\n          <!-- Carousel slides will be populated by JavaScript -->\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Gallery Modal -->\r\n    <div class=\"gallery-modal\" id=\"galleryModal\">\r\n      <div class=\"modal-content\">\r\n        <div class=\"modal-header\">\r\n          <div class=\"project-details\">\r\n            <h3 id=\"modal-title\">Under Construction Project<\/h3>\r\n            <p id=\"modal-category\">Progress Update<\/p>\r\n          <\/div>\r\n          <button class=\"close-modal\" id=\"closeModal\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M18 6L6 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <path d=\"M6 6L18 18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n          <\/button>\r\n        <\/div>\r\n        <div class=\"modal-body\">\r\n          <div class=\"modal-image-container\">\r\n            <img decoding=\"async\" id=\"modal-image\" src=\"\" alt=\"Construction Project\">\r\n            <button class=\"nav-button prev-button\" id=\"prevButton\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M15 18L9 12L15 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/button>\r\n            <button class=\"nav-button next-button\" id=\"nextButton\">\r\n              <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M9 18L15 12L9 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n              <\/svg>\r\n            <\/button>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"modal-footer\">\r\n          <div class=\"image-counter\">\r\n            <span id=\"current-index\">1<\/span> \/ <span id=\"total-images\">29<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* SSHG Construction Gallery Section Styles *\/\r\n.sshg-construction-gallery-section {\r\n  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\r\n  padding: 80px 20px;\r\n  font-family: \"Poppins\", sans-serif;\r\n  color: #333;\r\n  overflow: hidden;\r\n}\r\n\r\n.sshg-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Gallery Header *\/\r\n.gallery-header {\r\n  text-align: center;\r\n  margin-bottom: 60px;\r\n  animation: fadeInDown 1s ease;\r\n}\r\n\r\n.gallery-title {\r\n  font-size: clamp(2.2rem, 5vw, 3.5rem);\r\n  font-weight: 800;\r\n  margin-bottom: 15px;\r\n  color: #014c5f;\r\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.highlight {\r\n  color: #e74505;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.highlight::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 8px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 10px;\r\n  background: rgba(231, 69, 5, 0.2);\r\n  z-index: -1;\r\n  border-radius: 5px;\r\n}\r\n\r\n.gallery-subtitle {\r\n  font-size: clamp(1.1rem, 2vw, 1.3rem);\r\n  color: #666;\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.gallery-subtitle::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -12px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 120px;\r\n  height: 3px;\r\n  background: linear-gradient(90deg, transparent, #e74505, transparent);\r\n}\r\n\r\n\/* Projects Gallery *\/\r\n.projects-gallery {\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Desktop Grid View - FIXED TO SHOW 4 IMAGES PER ROW *\/\r\n.gallery-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 25px;\r\n}\r\n\r\n.gallery-item {\r\n  border-radius: 15px;\r\n  overflow: hidden;\r\n  box-shadow: 0 8px 25px rgba(1, 76, 95, 0.1);\r\n  transition: all 0.4s ease;\r\n  position: relative;\r\n  aspect-ratio: 4\/3;\r\n  cursor: pointer;\r\n  opacity: 0;\r\n  transform: translateY(30px);\r\n  animation: fadeInUp 0.8s ease forwards;\r\n}\r\n\r\n.gallery-item:hover {\r\n  transform: translateY(-10px) scale(1.02);\r\n  box-shadow: 0 15px 30px rgba(231, 69, 5, 0.2);\r\n}\r\n\r\n.gallery-image {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.gallery-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  transition: transform 0.5s ease;\r\n}\r\n\r\n.gallery-item:hover .gallery-image img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.gallery-overlay {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: linear-gradient(to bottom, transparent 0%, rgba(1, 76, 95, 0.9) 100%);\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  padding: 25px 20px;\r\n  opacity: 0;\r\n  transition: opacity 0.4s ease;\r\n}\r\n\r\n.gallery-item:hover .gallery-overlay {\r\n  opacity: 1;\r\n}\r\n\r\n.project-info h3 {\r\n  font-size: 1.4rem;\r\n  margin-bottom: 5px;\r\n  font-weight: 600;\r\n  transform: translateY(20px);\r\n  transition: transform 0.4s ease;\r\n  color: white;\r\n}\r\n\r\n.project-info p {\r\n  font-size: 0.9rem;\r\n  opacity: 0.9;\r\n  transform: translateY(20px);\r\n  transition: transform 0.4s ease 0.1s;\r\n  color: white;\r\n}\r\n\r\n.gallery-item:hover .project-info h3,\r\n.gallery-item:hover .project-info p {\r\n  transform: translateY(0);\r\n}\r\n\r\n.view-icon {\r\n  align-self: flex-end;\r\n  background: rgba(255, 255, 255, 0.2);\r\n  width: 50px;\r\n  height: 50px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  backdrop-filter: blur(10px);\r\n  transform: translateY(20px);\r\n  transition: all 0.4s ease 0.2s;\r\n}\r\n\r\n.gallery-item:hover .view-icon {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* Mobile\/Tablet Carousel View - REMOVED INDICATORS *\/\r\n.gallery-carousel {\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-radius: 15px;\r\n  box-shadow: 0 8px 25px rgba(1, 76, 95, 0.1);\r\n  display: none;\r\n}\r\n\r\n.carousel-track {\r\n  display: flex;\r\n  transition: transform 0.5s ease;\r\n  height: 400px;\r\n}\r\n\r\n.carousel-slide {\r\n  flex: 0 0 100%;\r\n  position: relative;\r\n}\r\n\r\n.carousel-slide img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.carousel-overlay {\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  background: linear-gradient(transparent, rgba(1, 76, 95, 0.9));\r\n  color: white;\r\n  padding: 20px;\r\n}\r\n\r\n.carousel-overlay h3 {\r\n  font-size: 1.4rem;\r\n  margin-bottom: 5px;\r\n  font-weight: 600;\r\n  color: white;\r\n}\r\n\r\n.carousel-overlay p {\r\n  color: white;\r\n}\r\n\r\n\/* Gallery Modal *\/\r\n.gallery-modal {\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.9);\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  padding: 20px;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.gallery-modal.active {\r\n  display: flex;\r\n  opacity: 1;\r\n}\r\n\r\n.modal-content {\r\n  background: white;\r\n  border-radius: 20px;\r\n  width: 100%;\r\n  max-width: 1000px;\r\n  max-height: 95vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);\r\n  transform: scale(0.9);\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.gallery-modal.active .modal-content {\r\n  transform: scale(1);\r\n}\r\n\r\n.modal-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  padding: 20px 30px;\r\n  background: linear-gradient(135deg, #014c5f, #0278a3);\r\n  color: white;\r\n  position: relative;\r\n}\r\n\r\n.project-details h3 {\r\n  font-size: 1.6rem;\r\n  margin-bottom: 5px;\r\n  font-weight: 600;\r\n  color: white;\r\n}\r\n\r\n.project-details p {\r\n  font-size: 1rem;\r\n  opacity: 0.9;\r\n  color: rgba(255, 255, 255, 0.9);\r\n}\r\n\r\n.close-modal {\r\n  background: rgba(255, 255, 255, 0.9);\r\n  border: none;\r\n  width: 60px;\r\n  height: 44px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #e74505;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.close-modal:hover {\r\n  background: white;\r\n  transform: rotate(90deg) scale(1.1);\r\n  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.close-modal svg {\r\n  stroke-width: 2.5;\r\n}\r\n\r\n.modal-body {\r\n  flex: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 30px;\r\n  background: #f8f9fa;\r\n  overflow: hidden;\r\n}\r\n\r\n.modal-image-container {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#modal-image {\r\n  max-width: 100%;\r\n  max-height: 100%;\r\n  width: auto;\r\n  height: auto;\r\n  object-fit: contain;\r\n  border-radius: 10px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.nav-button {\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: rgba(255, 255, 255, 0.95);\r\n  border: none;\r\n  width: 60px;\r\n  height: 60px;\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #e74505;\r\n  cursor: pointer;\r\n  transition: all 0.3s ease;\r\n  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n  z-index: 10;\r\n}\r\n\r\n.nav-button:hover {\r\n  background: white;\r\n  transform: translateY(-50%) scale(1.1);\r\n  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.nav-button svg {\r\n  stroke-width: 2.5;\r\n}\r\n\r\n.prev-button {\r\n  left: 20px;\r\n}\r\n\r\n.next-button {\r\n  right: 20px;\r\n}\r\n\r\n.modal-footer {\r\n  padding: 15px 30px;\r\n  background: white;\r\n  border-top: 1px solid #eee;\r\n  display: flex;\r\n  justify-content: center;\r\n}\r\n\r\n.image-counter {\r\n  font-weight: 600;\r\n  color: #014c5f;\r\n  font-size: 1.1rem;\r\n}\r\n\r\n\/* Animations *\/\r\n@keyframes fadeInDown {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(-30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n@keyframes fadeInUp {\r\n  from {\r\n    opacity: 0;\r\n    transform: translateY(30px);\r\n  }\r\n  to {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n}\r\n\r\n\/* Responsive Styles *\/\r\n@media (min-width: 1024px) {\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\r\n@media (max-width: 1023px) {\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  .gallery-carousel {\r\n    display: block;\r\n  }\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(3, 1fr);\r\n  }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 15px 20px;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 20px;\r\n  }\r\n  \r\n  .nav-button {\r\n    width: 50px;\r\n    height: 50px;\r\n  }\r\n  \r\n  .prev-button {\r\n    left: 10px;\r\n  }\r\n  \r\n  .next-button {\r\n    right: 10px;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .sshg-construction-gallery-section {\r\n    padding: 60px 15px;\r\n  }\r\n  \r\n  .gallery-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  \r\n  .carousel-track {\r\n    height: 350px;\r\n  }\r\n  \r\n  .modal-content {\r\n    max-height: 98vh;\r\n    max-width: 95vw;\r\n  }\r\n  \r\n  .modal-header {\r\n    padding: 15px;\r\n  }\r\n  \r\n  .project-details h3 {\r\n    font-size: 1.4rem;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 15px 10px;\r\n  }\r\n  \r\n  .nav-button {\r\n    width: 44px;\r\n    height: 44px;\r\n  }\r\n  \r\n  .gallery-modal {\r\n    padding: 10px;\r\n  }\r\n  \r\n  #modal-image {\r\n    max-width: 95%;\r\n    max-height: 75vh;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .gallery-title {\r\n    font-size: 1.9rem;\r\n  }\r\n  \r\n  .gallery-subtitle {\r\n    font-size: 1rem;\r\n  }\r\n  \r\n  .carousel-track {\r\n    height: 300px;\r\n  }\r\n  \r\n  .modal-header {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 10px;\r\n    padding: 15px;\r\n  }\r\n  \r\n  .close-modal {\r\n    position: absolute;\r\n    top: 15px;\r\n    right: 15px;\r\n    width: 60px;\r\n    height: 40px;\r\n  }\r\n  \r\n  .project-details h3 {\r\n    font-size: 1.2rem;\r\n    margin-right: 50px;\r\n  }\r\n  \r\n  .nav-button {\r\n    width: 50px;\r\n    height: 40px;\r\n  }\r\n  \r\n  .prev-button {\r\n    left: 5px;\r\n  }\r\n  \r\n  .next-button {\r\n    right: 5px;\r\n  }\r\n  \r\n  #modal-image {\r\n    max-width: 100%;\r\n    max-height: 70vh;\r\n  }\r\n  \r\n  .modal-body {\r\n    padding: 10px 5px;\r\n  }\r\n  \r\n  .modal-footer {\r\n    padding: 10px 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n  \/\/ Under Construction Projects Data\r\n  const constructionProjects = [\r\n    { image: \"https:\/\/i.ibb.co\/jPM1zrg3\/Whats-App-Image-2025-10-20-at-2-53-45-PM-1.jpg\", title: \"Construction Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/nJbG8kg\/Whats-App-Image-2025-10-20-at-2-53-46-PM.jpg\", title: \"Foundation Work\" },\r\n    { image: \"https:\/\/i.ibb.co\/Z6Xd27yP\/Whats-App-Image-2025-10-20-at-2-53-47-PM.jpg\", title: \"Structural Development\" },\r\n    { image: \"https:\/\/i.ibb.co\/sd7G57dt\/Whats-App-Image-2025-10-20-at-2-53-45-PM.jpg\", title: \"Building Framework\" },\r\n    { image: \"https:\/\/i.ibb.co\/jkK3MjVR\/Whats-App-Image-2025-10-20-at-2-53-44-PM.jpg\", title: \"Construction Site\" },\r\n    { image: \"https:\/\/i.ibb.co\/YBpP5rRn\/Whats-App-Image-2025-10-20-at-2-53-43-PM.jpg\", title: \"Progress Update\" },\r\n    { image: \"https:\/\/i.ibb.co\/kVxHSsyj\/Whats-App-Image-2025-10-20-at-2-53-42-PM-2.jpg\", title: \"Development Phase\" },\r\n    { image: \"https:\/\/i.ibb.co\/V0d7NGFS\/Whats-App-Image-2025-10-20-at-2-53-42-PM-1.jpg\", title: \"Construction Milestone\" },\r\n    { image: \"https:\/\/i.ibb.co\/Vcnr41ws\/Whats-App-Image-2025-10-20-at-2-53-42-PM.jpg\", title: \"Building Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/QjtF1QYR\/Whats-App-Image-2025-10-20-at-2-53-41-PM.jpg\", title: \"Construction Update\" },\r\n    { image: \"https:\/\/i.ibb.co\/Vc2JsjxM\/Whats-App-Image-2025-10-20-at-2-53-40-PM.jpg\", title: \"Development Stage\" },\r\n    { image: \"https:\/\/i.ibb.co\/mCDTn19t\/Whats-App-Image-2025-10-20-at-2-53-33-PM.jpg\", title: \"Construction Work\" },\r\n    { image: \"https:\/\/i.ibb.co\/HDPH3JF5\/Whats-App-Image-2025-10-20-at-2-53-32-PM-1.jpg\", title: \"Progress Report\" },\r\n    { image: \"https:\/\/i.ibb.co\/dsMGB954\/Whats-App-Image-2025-10-20-at-2-53-32-PM.jpg\", title: \"Building Development\" },\r\n    { image: \"https:\/\/i.ibb.co\/jkntGmrm\/Whats-App-Image-2025-10-20-at-2-53-31-PM-1.jpg\", title: \"Construction Phase\" },\r\n    { image: \"https:\/\/i.ibb.co\/tw6gNrk2\/Whats-App-Image-2025-10-20-at-2-53-31-PM.jpg\", title: \"Work in Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/Xxhz13fT\/Whats-App-Image-2025-10-20-at-2-53-29-PM.jpg\", title: \"Development Update\" },\r\n    { image: \"https:\/\/i.ibb.co\/kVKQmtq1\/Whats-App-Image-2025-10-20-at-2-53-27-PM-1.jpg\", title: \"Construction Milestone\" },\r\n    { image: \"https:\/\/i.ibb.co\/yBxHJKfz\/Whats-App-Image-2025-10-20-at-2-53-27-PM.jpg\", title: \"Progress Tracking\" },\r\n    { image: \"https:\/\/i.ibb.co\/3ySXWhh5\/Whats-App-Image-2025-10-20-at-2-53-26-PM.jpg\", title: \"Building Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/p6qTfLTm\/Whats-App-Image-2025-10-20-at-2-53-25-PM.jpg\", title: \"Construction Update\" },\r\n    { image: \"https:\/\/i.ibb.co\/vFmGHJG\/Whats-App-Image-2025-10-20-at-2-53-24-PM.jpg\", title: \"Development Phase\" },\r\n    { image: \"https:\/\/i.ibb.co\/JWtV66hV\/Whats-App-Image-2025-10-20-at-2-53-23-PM.jpg\", title: \"Work Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/RktvQk2Z\/Whats-App-Image-2025-10-20-at-2-37-11-PM-1.jpg\", title: \"Construction Site\" },\r\n    { image: \"https:\/\/i.ibb.co\/ym9NhMWT\/Whats-App-Image-2025-10-20-at-2-37-11-PM.jpg\", title: \"Development Stage\" },\r\n    { image: \"https:\/\/i.ibb.co\/KxJtxdjh\/Whats-App-Image-2025-10-20-at-2-37-10-PM.jpg\", title: \"Building Progress\" },\r\n    { image: \"https:\/\/i.ibb.co\/29XmMv8\/Whats-App-Image-2025-10-20-at-2-37-06-PM.jpg\", title: \"Construction Update\" },\r\n    { image: \"https:\/\/i.ibb.co\/PZY1KmMG\/Whats-App-Image-2025-10-20-at-2-37-05-PM-2.jpg\", title: \"Progress Report\" },\r\n    { image: \"https:\/\/i.ibb.co\/zTKxPPN9\/Whats-App-Image-2025-10-20-at-2-37-05-PM-1.jpg\", title: \"Development Phase\" },\r\n    { image: \"https:\/\/i.ibb.co\/rK2fCVx7\/Whats-App-Image-2025-10-20-at-2-37-05-PM.jpg\", title: \"Construction Milestone\" }\r\n  ];\r\n\r\n  \/\/ DOM Elements\r\n  const galleryModal = document.getElementById('galleryModal');\r\n  const modalImage = document.getElementById('modal-image');\r\n  const modalTitle = document.getElementById('modal-title');\r\n  const modalCategory = document.getElementById('modal-category');\r\n  const currentIndexSpan = document.getElementById('current-index');\r\n  const totalImagesSpan = document.getElementById('total-images');\r\n  const closeModalBtn = document.getElementById('closeModal');\r\n  const prevButton = document.getElementById('prevButton');\r\n  const nextButton = document.getElementById('nextButton');\r\n  const galleryGrid = document.querySelector('.gallery-grid.desktop-view');\r\n  const carouselTrack = document.getElementById('carouselTrack');\r\n\r\n  \/\/ Set total images count\r\n  totalImagesSpan.textContent = constructionProjects.length;\r\n\r\n  \/\/ Current image index\r\n  let currentIndex = 0;\r\n  let carouselInterval;\r\n\r\n  \/\/ Initialize the gallery\r\n  function initializeGallery() {\r\n    \/\/ Populate desktop grid\r\n    constructionProjects.forEach((project, index) => {\r\n      \/\/ Create grid item for desktop\r\n      const gridItem = createGridItem(project, index);\r\n      galleryGrid.appendChild(gridItem);\r\n      \r\n      \/\/ Create carousel slide for mobile\/tablet\r\n      const carouselSlide = createCarouselSlide(project, index);\r\n      carouselTrack.appendChild(carouselSlide);\r\n    });\r\n    \r\n    \/\/ Start auto-slide for mobile\/tablet\r\n    startAutoSlide();\r\n    \r\n    \/\/ Add animation delays for grid items\r\n    document.querySelectorAll('.gallery-item').forEach((item, index) => {\r\n      item.style.animationDelay = `${0.1 + (index * 0.05)}s`;\r\n    });\r\n  }\r\n\r\n  \/\/ Create grid item for desktop\r\n  function createGridItem(project, index) {\r\n    const item = document.createElement('div');\r\n    item.className = 'gallery-item';\r\n    item.dataset.index = index;\r\n    \r\n    item.innerHTML = `\r\n      <div class=\"gallery-image\">\r\n        <img decoding=\"async\" src=\"${project.image}\" alt=\"${project.title}\">\r\n        <div class=\"gallery-overlay\">\r\n          <div class=\"project-info\">\r\n            <h3>${project.title}<\/h3>\r\n            <p>Under Construction<\/p>\r\n          <\/div>\r\n          <div class=\"view-icon\">\r\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n              <path d=\"M15 12C15 13.6569 13.6569 15 12 15C10.3431 15 9 13.6569 9 12C9 10.3431 10.3431 9 12 9C13.6569 9 15 10.3431 15 12Z\" stroke=\"white\" stroke-width=\"2\"\/>\r\n              <path d=\"M2 12C2 12 5 6 12 6C19 6 22 12 22 12C22 12 19 18 12 18C5 18 2 12 2 12Z\" stroke=\"white\" stroke-width=\"2\"\/>\r\n            <\/svg>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    `;\r\n    \r\n    item.addEventListener('click', () => openModal(index));\r\n    return item;\r\n  }\r\n\r\n  \/\/ Create carousel slide for mobile\/tablet\r\n  function createCarouselSlide(project, index) {\r\n    const slide = document.createElement('div');\r\n    slide.className = 'carousel-slide';\r\n    \r\n    slide.innerHTML = `\r\n      <img decoding=\"async\" src=\"${project.image}\" alt=\"${project.title}\">\r\n      <div class=\"carousel-overlay\">\r\n        <h3>${project.title}<\/h3>\r\n        <p>Under Construction<\/p>\r\n      <\/div>\r\n    `;\r\n    \r\n    slide.addEventListener('click', () => openModal(index));\r\n    return slide;\r\n  }\r\n\r\n  \/\/ Start auto-slide for mobile\/tablet\r\n  function startAutoSlide() {\r\n    if (window.innerWidth <= 1023) {\r\n      carouselInterval = setInterval(() => {\r\n        nextCarouselSlide();\r\n      }, 4000);\r\n    }\r\n  }\r\n\r\n  \/\/ Stop auto-slide\r\n  function stopAutoSlide() {\r\n    if (carouselInterval) {\r\n      clearInterval(carouselInterval);\r\n    }\r\n  }\r\n\r\n  \/\/ Next slide in carousel\r\n  function nextCarouselSlide() {\r\n    currentIndex = (currentIndex + 1) % constructionProjects.length;\r\n    updateCarousel();\r\n  }\r\n\r\n  \/\/ Update carousel display\r\n  function updateCarousel() {\r\n    if (window.innerWidth <= 1023) {\r\n      carouselTrack.style.transform = `translateX(-${currentIndex * 100}%)`;\r\n    }\r\n  }\r\n\r\n  \/\/ Open modal function\r\n  function openModal(index) {\r\n    currentIndex = index;\r\n    updateModal();\r\n    galleryModal.classList.add('active');\r\n    document.body.style.overflow = 'hidden';\r\n    stopAutoSlide();\r\n  }\r\n\r\n  \/\/ Close modal function\r\n  function closeModal() {\r\n    galleryModal.classList.remove('active');\r\n    document.body.style.overflow = 'auto';\r\n    startAutoSlide();\r\n  }\r\n\r\n  \/\/ Update modal content\r\n  function updateModal() {\r\n    const project = constructionProjects[currentIndex];\r\n    modalImage.src = project.image;\r\n    modalImage.alt = project.title;\r\n    modalTitle.textContent = project.title;\r\n    modalCategory.textContent = \"Under Construction\";\r\n    currentIndexSpan.textContent = currentIndex + 1;\r\n  }\r\n\r\n  \/\/ Navigate to previous image in modal\r\n  function prevImage() {\r\n    currentIndex = (currentIndex - 1 + constructionProjects.length) % constructionProjects.length;\r\n    updateModal();\r\n  }\r\n\r\n  \/\/ Navigate to next image in modal\r\n  function nextImage() {\r\n    currentIndex = (currentIndex + 1) % constructionProjects.length;\r\n    updateModal();\r\n  }\r\n\r\n  \/\/ Initialize the gallery\r\n  initializeGallery();\r\n\r\n  \/\/ Add event listeners to modal controls\r\n  closeModalBtn.addEventListener('click', closeModal);\r\n  prevButton.addEventListener('click', prevImage);\r\n  nextButton.addEventListener('click', nextImage);\r\n\r\n  \/\/ Close modal when clicking outside the content\r\n  galleryModal.addEventListener('click', function(e) {\r\n    if (e.target === galleryModal) {\r\n      closeModal();\r\n    }\r\n  });\r\n\r\n  \/\/ Keyboard navigation\r\n  document.addEventListener('keydown', function(e) {\r\n    if (galleryModal.classList.contains('active')) {\r\n      if (e.key === 'Escape') {\r\n        closeModal();\r\n      } else if (e.key === 'ArrowLeft') {\r\n        prevImage();\r\n      } else if (e.key === 'ArrowRight') {\r\n        nextImage();\r\n      }\r\n    }\r\n  });\r\n\r\n  \/\/ Handle window resize\r\n  window.addEventListener('resize', function() {\r\n    stopAutoSlide();\r\n    startAutoSlide();\r\n    updateCarousel();\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>SSHG LIFESTYLE 11+ Years of Excellence in Construction &#038; Interior Projects 100% On-Time Delivery 100% Transparency Premium Building Materials Dedicated<\/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-27306","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27306","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=27306"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27306\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}