



{"id":27864,"date":"2025-10-20T11:32:51","date_gmt":"2025-10-20T11:32:51","guid":{"rendered":"https:\/\/sshglifestyle.com\/?page_id=27864"},"modified":"2025-10-20T13:21:13","modified_gmt":"2025-10-20T13:21:13","slug":"completed-projects","status":"publish","type":"page","link":"https:\/\/sshglifestyle.com\/?page_id=27864","title":{"rendered":"Completed Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27864\" class=\"elementor elementor-27864\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b04b4c4 wd-section-stretch-content e-flex e-con-boxed e-con e-parent\" data-id=\"b04b4c4\" 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-ae29e15 elementor-widget elementor-widget-html\" data-id=\"ae29e15\" 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 - Premium Projects Gallery -->\r\n<section class=\"sshg-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\">Completed Projects<\/span><\/h2>\r\n      <p class=\"gallery-subtitle\">11+ Years of Excellence in Construction & Interior Projects<\/p>\r\n    <\/div>\r\n\r\n    <!-- Projects Gallery -->\r\n    <div class=\"projects-gallery\">\r\n      <div class=\"gallery-grid\">\r\n        <!-- Project 1 -->\r\n        <div class=\"gallery-item\" data-index=\"0\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Sairang Railway Station<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 2 -->\r\n        <div class=\"gallery-item\" data-index=\"1\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>DC Office Nalbari<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 3 -->\r\n        <div class=\"gallery-item\" data-index=\"2\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>CAT<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 4 -->\r\n        <div class=\"gallery-item\" data-index=\"3\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>CAT(Kanpur)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 5 -->\r\n        <div class=\"gallery-item\" data-index=\"4\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Panda Momo(Sealdah)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 6 -->\r\n        <div class=\"gallery-item\" data-index=\"5\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Civil Secretary(Imphal Manipur)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 7 -->\r\n        <div class=\"gallery-item\" data-index=\"6\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Civil Secretary(Imphal Manipur)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 8 -->\r\n        <div class=\"gallery-item\" data-index=\"7\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Manipur House(Saltlake)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 9 -->\r\n        <div class=\"gallery-item\" data-index=\"8\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Coffe House(Imphal Manipur)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 10 -->\r\n        <div class=\"gallery-item\" data-index=\"9\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Civil Secretary(Imphal Manipur)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 11 -->\r\n        <div class=\"gallery-item\" data-index=\"10\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Aditya Academy(Barasat)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 12 -->\r\n        <div class=\"gallery-item\" data-index=\"11\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Trendy Bazzar(Nalhati)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 13 -->\r\n        <div class=\"gallery-item\" data-index=\"12\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>SF SOFIC(Deoghar)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 14 -->\r\n        <div class=\"gallery-item\" data-index=\"13\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Bazaar 365(Barasat)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 15 -->\r\n        <div class=\"gallery-item\" data-index=\"14\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Kolkata Mart(Patna)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 16 -->\r\n        <div class=\"gallery-item\" data-index=\"15\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Only Vimal(Rampurhat)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 17 -->\r\n        <div class=\"gallery-item\" data-index=\"16\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>Style Bazar(Bongaon)<\/h3>\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        <\/div>\r\n\r\n        <!-- Project 18 -->\r\n        <div class=\"gallery-item\" data-index=\"17\">\r\n          <div class=\"gallery-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=\"gallery-overlay\">\r\n              <div class=\"project-info\">\r\n                <h3>CAT(Raniganj)<\/h3>\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        <\/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\">Project Title<\/h3>\r\n            <p id=\"modal-category\">Project Category<\/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=\"Project Image\">\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\">18<\/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 Gallery Section Styles *\/\r\n.sshg-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.gallery-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.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:nth-child(1) { animation-delay: 0.1s; }\r\n.gallery-item:nth-child(2) { animation-delay: 0.15s; }\r\n.gallery-item:nth-child(3) { animation-delay: 0.2s; }\r\n.gallery-item:nth-child(4) { animation-delay: 0.25s; }\r\n.gallery-item:nth-child(5) { animation-delay: 0.3s; }\r\n.gallery-item:nth-child(6) { animation-delay: 0.35s; }\r\n.gallery-item:nth-child(7) { animation-delay: 0.4s; }\r\n.gallery-item:nth-child(8) { animation-delay: 0.45s; }\r\n.gallery-item:nth-child(9) { animation-delay: 0.5s; }\r\n.gallery-item:nth-child(10) { animation-delay: 0.55s; }\r\n.gallery-item:nth-child(11) { animation-delay: 0.6s; }\r\n.gallery-item:nth-child(12) { animation-delay: 0.65s; }\r\n.gallery-item:nth-child(13) { animation-delay: 0.7s; }\r\n.gallery-item:nth-child(14) { animation-delay: 0.75s; }\r\n.gallery-item:nth-child(15) { animation-delay: 0.8s; }\r\n.gallery-item:nth-child(16) { animation-delay: 0.85s; }\r\n.gallery-item:nth-child(17) { animation-delay: 0.9s; }\r\n.gallery-item:nth-child(18) { animation-delay: 0.95s; }\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}\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}\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  color: white;\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\/* 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 (max-width: 1024px) {\r\n  .gallery-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(280px, 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-gallery-section {\r\n    padding: 60px 15px;\r\n  }\r\n  \r\n  .gallery-grid {\r\n    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n    gap: 20px;\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  .gallery-grid {\r\n    grid-template-columns: 1fr;\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    color: #e74505;\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    color: #e74505;\r\n  }\r\n  \r\n  .next-button {\r\n    right: 5px;\r\n    color: #e74505;\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  \/\/ Gallery items data\r\n  const galleryItems = [\r\n    {\r\n      title: \"Sairang Railway Station\",\r\n      image: \"https:\/\/i.ibb.co\/m5YpJn13\/Whats-App-Image-2025-10-12-at-1-57-33-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"DC Office Nalbari\",\r\n      image: \"https:\/\/i.ibb.co\/RkN8k5Br\/Whats-App-Image-2025-10-12-at-1-54-27-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"CAT\",\r\n      image: \"https:\/\/i.ibb.co\/0p2T5J4T\/Whats-App-Image-2025-10-12-at-1-41-59-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"CAT(Kanpur)\",\r\n      image: \"https:\/\/i.ibb.co\/ymf6jGWc\/Whats-App-Image-2025-10-12-at-1-41-57-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Panda Momo(Sealdah)\",\r\n      image: \"https:\/\/i.ibb.co\/3GFtTh7\/Whats-App-Image-2025-10-12-at-1-41-54-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Civil Secretary(Imphal Manipur)\",\r\n      image: \"https:\/\/i.ibb.co\/TxyxFngp\/Whats-App-Image-2025-10-12-at-1-41-50-PM-1.jpg\"\r\n    },\r\n    {\r\n      title: \"Civil Secretary(Imphal Manipur)\",\r\n      image: \"https:\/\/i.ibb.co\/tTX0zsgx\/Whats-App-Image-2025-10-12-at-1-41-50-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Manipur House(Saltlake)\",\r\n      image: \"https:\/\/i.ibb.co\/5h45Gt9b\/Whats-App-Image-2025-10-12-at-1-41-49-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Coffe House(Imphal Manipur)\",\r\n      image: \"https:\/\/i.ibb.co\/fdJgP411\/Whats-App-Image-2025-10-12-at-1-41-48-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Civil Secretary(Imphal Manipur)\",\r\n      image: \"https:\/\/i.ibb.co\/Vh0Pm9y\/Whats-App-Image-2025-10-12-at-1-41-40-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Aditya Academy(Barasat)\",\r\n      image: \"https:\/\/i.ibb.co\/pBTcdpLJ\/Whats-App-Image-2025-10-12-at-1-31-12-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Trendy Bazzar(Nalhati)\",\r\n      image: \"https:\/\/i.ibb.co\/4R4PnHfV\/Whats-App-Image-2025-10-12-at-1-31-11-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"SF SONIC(Deoghar)\",\r\n      image: \"https:\/\/i.ibb.co\/S4YNwrc9\/Whats-App-Image-2025-10-12-at-1-31-10-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Bazaar 365(Barasat)\",\r\n      image: \"https:\/\/i.ibb.co\/0pRx3kyg\/Whats-App-Image-2025-10-12-at-1-31-09-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Kolkata Mart(Patna)\",\r\n      image: \"https:\/\/i.ibb.co\/MyfVxkMZ\/Whats-App-Image-2025-10-12-at-1-31-08-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Only Vimal(Rampurhat)\",\r\n      image: \"https:\/\/i.ibb.co\/qMVp9yhw\/Whats-App-Image-2025-10-12-at-1-31-06-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"Style Bazar(Bongaon)\",\r\n      image: \"https:\/\/i.ibb.co\/fzrGSjfZ\/Whats-App-Image-2025-10-12-at-1-31-04-PM.jpg\"\r\n    },\r\n    {\r\n      title: \"CAT(Raiganj)\",\r\n      image: \"https:\/\/i.ibb.co\/sphhyy28\/Whats-App-Image-2025-10-12-at-1-31-03-PM.jpg\"\r\n    }\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 galleryItemsElements = document.querySelectorAll('.gallery-item');\r\n\r\n  \/\/ Set total images count\r\n  totalImagesSpan.textContent = galleryItems.length;\r\n\r\n  \/\/ Current image index\r\n  let currentIndex = 0;\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  }\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  }\r\n\r\n  \/\/ Update modal content\r\n  function updateModal() {\r\n    const item = galleryItems[currentIndex];\r\n    modalImage.src = item.image;\r\n    modalImage.alt = item.title;\r\n    modalTitle.textContent = item.title;\r\n    modalCategory.textContent = item.category;\r\n    currentIndexSpan.textContent = currentIndex + 1;\r\n  }\r\n\r\n  \/\/ Navigate to previous image\r\n  function prevImage() {\r\n    currentIndex = (currentIndex - 1 + galleryItems.length) % galleryItems.length;\r\n    updateModal();\r\n  }\r\n\r\n  \/\/ Navigate to next image\r\n  function nextImage() {\r\n    currentIndex = (currentIndex + 1) % galleryItems.length;\r\n    updateModal();\r\n  }\r\n\r\n  \/\/ Add click event to gallery items\r\n  galleryItemsElements.forEach(item => {\r\n    item.addEventListener('click', function() {\r\n      const index = parseInt(this.getAttribute('data-index'));\r\n      openModal(index);\r\n    });\r\n  });\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<\/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>Our Completed Projects 11+ Years of Excellence in Construction &#038; Interior Projects Sairang Railway Station DC Office Nalbari CAT CAT(Kanpur)<\/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-27864","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27864","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=27864"}],"version-history":[{"count":0,"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=\/wp\/v2\/pages\/27864\/revisions"}],"wp:attachment":[{"href":"https:\/\/sshglifestyle.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}