{"id":22267,"date":"2026-07-14T05:36:34","date_gmt":"2026-07-14T05:36:34","guid":{"rendered":"https:\/\/sampleprojects.in\/interior\/?page_id=22267"},"modified":"2026-09-07T11:26:36","modified_gmt":"2026-09-07T11:26:36","slug":"projects","status":"publish","type":"page","link":"https:\/\/sampleprojects.in\/interior\/projects\/","title":{"rendered":"Projects"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"22267\" class=\"elementor elementor-22267\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1092ba3 elementor-section-full_width elementor-section-stretched elementor-section-height-min-height elementor-section-height-default elementor-section-items-middle\" data-id=\"1092ba3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d0bb52b\" data-id=\"d0bb52b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-919221e elementor-widget elementor-widget-heading\" data-id=\"919221e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Projects<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9b82457 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9b82457\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-260b875\" data-id=\"260b875\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c705a6 elementor-widget elementor-widget-html\" data-id=\"1c705a6\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .prj-gallery-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border: 1px solid #dcdcdc;\r\n  }\r\n\r\n  .prj-gallery-header {\r\n    background-color:#E3E3E3;\r\n    padding: 45px 50px;\r\n    text-align: center;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .prj-gallery-heading {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 28px;\r\n    font-weight: 600;\r\n    letter-spacing: 2px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .prj-gallery-body {\r\n    padding: 40px 50px 20px 50px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .prj-subhead-border {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .prj-subhead-text {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 16px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  .prj-grid-container {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .prj-thumb-card {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .prj-thumb-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .prj-thumb-card:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Custom Lightbox Styles *\/\r\n  .prj-popup-backdrop {\r\n    display: none !important;\r\n    position: fixed;\r\n    z-index: 9999999 !important;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(0, 0, 0, 0.9);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .prj-popup-backdrop.active {\r\n    display: flex !important;\r\n  }\r\n\r\n  .prj-popup-view {\r\n    max-width: 90%;\r\n    max-height: 85vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  .prj-popup-view[src=\"\"], \r\n  .prj-popup-view:not([src]) {\r\n    display: none !important;\r\n  }\r\n\r\n  span.prj-close-trigger {\r\n    all: unset !important;\r\n    position: absolute !important;\r\n    top: 20px !important;\r\n    right: 20px !important;\r\n    width: 45px !important;\r\n    height: 45px !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    color: #ffffff !important;\r\n    font-size: 38px !important;\r\n    font-weight: 300 !important;\r\n    cursor: pointer !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    line-height: 1 !important;\r\n    z-index: 10000000 !important;\r\n    user-select: none;\r\n    touch-action: manipulation;\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .prj-gallery-header { padding: 30px 20px; }\r\n    .prj-gallery-heading { font-size: 22px; letter-spacing: 1.5px; }\r\n    .prj-gallery-body { padding: 25px 20px 15px 20px; }\r\n    .prj-subhead-text { font-size: 13.5px; }\r\n    .prj-grid-container { grid-template-columns: 1fr; gap: 15px; }\r\n    span.prj-close-trigger { \r\n      top: 15px !important; \r\n      right: 15px !important; \r\n      width: 35px !important; \r\n      height: 35px !important; \r\n      font-size: 32px !important; \r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"prj-gallery-wrapper\">\r\n  <div class=\"prj-gallery-header\">\r\n    <h1 class=\"prj-gallery-heading\">PROJECTS<\/h1>\r\n  <\/div>\r\n\r\n  <div class=\"prj-gallery-body\">\r\n    <div class=\"prj-subhead-border\">\r\n      <h3 class=\"prj-subhead-text\">\r\n\t  IMPERIAL TOWERS<br> LOBBY, MUMBAI\r\n      \r\n      <\/h3>\r\n    <\/div>\r\n\r\n    <div class=\"prj-grid-container\">\r\n      <div class=\"prj-thumb-card\">\r\n        <img decoding=\"async\" \r\n          src=\" http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/15.jpeg\" \r\n          alt=\"Private Residence St. Regis Singapore - Image 1\"\r\n        >\r\n      <\/div>\r\n      <div class=\"prj-thumb-card\">\r\n        <img decoding=\"async\" \r\n          src=\" http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/16.jpeg\" \r\n          alt=\"Private Residence St. Regis Singapore - Image 2\"\r\n        >\r\n      <\/div>\r\n\t  \r\n\t        <div class=\"prj-thumb-card\">\r\n        <img decoding=\"async\" \r\n          src=\" http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/17.jpeg\" \r\n          alt=\"Private Residence St. Regis Singapore - Image 2\"\r\n        >\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Overlay -->\r\n<div class=\"prj-popup-backdrop\" id=\"imageLightbox\">\r\n  <span class=\"prj-close-trigger\" id=\"lightboxClose\">&times;<\/span>\r\n  <img class=\"prj-popup-view\" id=\"activeImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<!-- Lightbox Script -->\r\n<script>\r\n  (function() {\r\n    function initLightbox() {\r\n      const lightbox = document.getElementById('imageLightbox');\r\n      const lightboxImg = document.getElementById('activeImg');\r\n      const closeBtn = document.getElementById('lightboxClose');\r\n      const projectImages = document.querySelectorAll('.prj-thumb-card img');\r\n\r\n      if (!lightbox || !lightboxImg) return;\r\n\r\n      \/\/ Open lightbox\r\n      projectImages.forEach(img => {\r\n        img.addEventListener('click', (e) => {\r\n          e.stopPropagation();\r\n          lightboxImg.src = img.src;\r\n          lightboxImg.alt = img.alt;\r\n          lightboxImg.style.display = 'block';\r\n          lightbox.classList.add('active');\r\n          lightbox.style.display = 'flex';\r\n          document.body.style.overflow = 'hidden';\r\n        });\r\n      });\r\n\r\n      \/\/ Close lightbox\r\n      const closeLightbox = (e) => {\r\n        if (e) e.stopPropagation();\r\n        lightbox.classList.remove('active');\r\n        lightbox.style.display = 'none';\r\n        document.body.style.overflow = '';\r\n        lightboxImg.style.display = 'none';\r\n        lightboxImg.removeAttribute('src');\r\n      };\r\n\r\n      if (closeBtn) closeBtn.addEventListener('click', closeLightbox);\r\n\r\n      \/\/ Close on backdrop click\r\n      lightbox.addEventListener('click', (e) => {\r\n        if (e.target === lightbox) closeLightbox(e);\r\n      });\r\n\r\n      \/\/ Close on ESC key\r\n      document.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n          closeLightbox(e);\r\n        }\r\n      });\r\n    }\r\n\r\n    if (document.readyState === 'loading') {\r\n      document.addEventListener('DOMContentLoaded', initLightbox);\r\n    } else {\r\n      initLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dc608d9 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dc608d9\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67a57e8\" data-id=\"67a57e8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7476dc7 elementor-widget elementor-widget-html\" data-id=\"7476dc7\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Column Grid for 4 Images (2x2 Layout) *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Aspect Ratio Wrapper *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* LIGHTBOX MODAL STYLES *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Title Section -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n      PRIVATE RESIDENCE<br> SHOW APARTMENT, MUMBAI\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- Single Grid Containing All 4 Images -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/image-23.jpg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-29-at-13.28.24.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/03-3.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 3\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/image-21.jpg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 4\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('ardmoreLightbox');\r\n    const lightboxImg = document.getElementById('ardmoreLightboxImg');\r\n    const closeBtn = document.getElementById('ardmoreLightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    if (lightbox && lightboxImg && closeBtn) {\r\n      \/\/ Open lightbox on image click\r\n      projectImages.forEach(img => {\r\n        img.addEventListener('click', () => {\r\n          lightboxImg.src = img.src;\r\n          lightboxImg.alt = img.alt;\r\n          lightbox.classList.add('active');\r\n          document.body.style.overflow = 'hidden';\r\n        });\r\n      });\r\n\r\n      \/\/ Close lightbox function\r\n      const closeLightbox = () => {\r\n        lightbox.classList.remove('active');\r\n        document.body.style.overflow = '';\r\n      };\r\n\r\n      closeBtn.addEventListener('click', closeLightbox);\r\n\r\n      \/\/ Close on background click\r\n      lightbox.addEventListener('click', (e) => {\r\n        if (e.target === lightbox) {\r\n          closeLightbox();\r\n        }\r\n      });\r\n\r\n      \/\/ Close on 'ESC' key press\r\n      document.addEventListener('keydown', (e) => {\r\n        if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n          closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2ee7c1b elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2ee7c1b\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9d33e02\" data-id=\"9d33e02\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-53ff18d elementor-widget elementor-widget-html\" data-id=\"53ff18d\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n      PRIVATE RESIDENCE,<br> MUMBAI\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/18.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/26.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/27.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/28.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bd86732 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bd86732\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d2fb72b\" data-id=\"d2fb72b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a8bacde elementor-widget elementor-widget-html\" data-id=\"a8bacde\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n  Private Office, Bombay\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-09_54_25-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-09_57_49-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-09_56_57-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-09_55_15-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-37b6b26 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"37b6b26\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e78bbf8\" data-id=\"e78bbf8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bd5c819 elementor-widget elementor-widget-html\" data-id=\"bd5c819\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n      PRIVATE RESIDENCE <br> WALKESHWAR, MUMBAI\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/19.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/20.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dbe60c8 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dbe60c8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9e837ac\" data-id=\"9e837ac\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fd69295 elementor-widget elementor-widget-html\" data-id=\"fd69295\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n     Private Residence, London <br>\r\n<b>Renu Home X Rita Chulani<\/b>\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/11.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/12.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/13.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/14.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1259972 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1259972\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6a4d515\" data-id=\"6a4d515\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-42ab202 elementor-widget elementor-widget-html\" data-id=\"42ab202\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 999999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    position: relative;\r\n    z-index: 1;\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 38px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    z-index: 10; \/* Ensures cross stays above everything *\/\r\n    padding: 10px; \/* Expands touch target for 1-click trigger *\/\r\n    user-select: none;\r\n    pointer-events: auto;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 10px;\r\n      right: 15px;\r\n      font-size: 32px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n         PRIVATE RESIDENCE <br>SINGAPORE\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/image-8.jpg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/06.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\" onclick=\"closeArdmoreLightbox(event)\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32497a0 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"32497a0\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1e535ab\" data-id=\"1e535ab\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ee5b93b elementor-widget elementor-widget-html\" data-id=\"ee5b93b\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n   PRIVATE RESIDENCE<br>ST. REGIS, SINGAPORE\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/image-4-1.jpg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/image-5.jpg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2552ecd elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2552ecd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b720db6\" data-id=\"b720db6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ab96b68 elementor-widget elementor-widget-html\" data-id=\"ab96b68\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n  Ardmore park , penthouse , singapore\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-06_00_58-PM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-05_57_41-PM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-05_55_58-PM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/01.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f99e18f elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f99e18f\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a51ba18\" data-id=\"a51ba18\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a82587 elementor-widget elementor-widget-html\" data-id=\"2a82587\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n      Ardmore Park, Singapore\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/01.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/002.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8eb62aa elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8eb62aa\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8d3b3d3\" data-id=\"8d3b3d3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6b00a27 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6b00a27\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9fffbc1\" data-id=\"9fffbc1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3923081 elementor-widget elementor-widget-html\" data-id=\"3923081\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n   Berrima Road, Singapore\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-06_06_21-PM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-2-2026-06_07_48-PM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-09_52_12-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c660551 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c660551\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be87834\" data-id=\"be87834\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a4a9ed elementor-widget elementor-widget-html\" data-id=\"6a4a9ed\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n Newton, Singapore\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-10_02_57-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-Sep-3-2026-10_02_09-AM.png\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6e8111d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6e8111d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f9e5c1\" data-id=\"8f9e5c1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-593fee1 elementor-widget elementor-widget-html\" data-id=\"593fee1\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  .single-project-container {\r\n    width: 100%;\r\n    max-width: 100%; \/* Full Width Container *\/\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    \/* Halka Black \/ Grey Border *\/\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle with Left Border Line *\/\r\n  .project-subhead-wrapper {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .project-subhead-title {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.3;\r\n  }\r\n\r\n  \/* 2 Equal Columns Grid *\/\r\n  .projects-images-grid {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  \/* Same Aspect Ratio Wrapper for Equal Size *\/\r\n  .projects-img-box {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer; \/* Clickable indicator *\/\r\n  }\r\n\r\n  .projects-img-box img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  \/* Hover effect for clickable feel *\/\r\n  .projects-img-box:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Bottom Logo Section *\/\r\n  .project-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .project-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX MODAL STYLES --- *\/\r\n  .lightbox-modal {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 99999;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.85);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .lightbox-modal.active {\r\n    display: flex;\r\n  }\r\n\r\n  .lightbox-content {\r\n    max-width: 90%;\r\n    max-height: 90vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n  }\r\n\r\n  .lightbox-close {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 25px;\r\n    color: #ffffff;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    transition: opacity 0.2s ease;\r\n  }\r\n\r\n  .lightbox-close:hover {\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .single-project-container {\r\n      padding: 25px 20px 15px 20px;\r\n    }\r\n\r\n    .project-subhead-title {\r\n      font-size: 13.5px;\r\n      font-family: 'Montserrat', sans-serif !important;\r\n    }\r\n\r\n    .projects-images-grid {\r\n      grid-template-columns: 1fr;\r\n      gap: 15px;\r\n    }\r\n\r\n    .project-logo-img {\r\n      height: 32px;\r\n    }\r\n\r\n    .lightbox-close {\r\n      top: 15px;\r\n      right: 15px;\r\n      font-size: 28px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"single-project-container\">\r\n  \r\n  <!-- Left Border Title -->\r\n  <div class=\"project-subhead-wrapper\">\r\n    <h3 class=\"project-subhead-title\">\r\n      PRIVATE RESIDENCE <br> GOA\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n   <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/34.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 1\"\r\n      >\r\n    <\/div>\r\n\t\r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/33.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n    <!-- 2 Images Grid -->\r\n  <div class=\"projects-images-grid\">\r\n \r\n    <div class=\"projects-img-box\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/35.jpeg\" \r\n        alt=\"Private Residence Ardmore Park, Singapore - Image 2\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"lightbox-modal\" id=\"ardmoreLightbox\">\r\n  <span class=\"lightbox-close\" id=\"ardmoreLightboxClose\">&times;<\/span>\r\n  <img class=\"lightbox-content\" id=\"ardmoreLightboxImg\" alt=\"Enlarged View\">\r\n<\/div>\r\n\r\n<script>\r\n  document.addEventListener('DOMContentLoaded', () => {\r\n    const lightbox = document.getElementById('projectsLightbox');\r\n    const lightboxImg = document.getElementById('lightboxImg');\r\n    const closeBtn = document.getElementById('lightboxClose');\r\n    const projectImages = document.querySelectorAll('.projects-img-box img');\r\n\r\n    \/\/ Open lightbox on image click\r\n    projectImages.forEach(img => {\r\n      img.addEventListener('click', () => {\r\n        lightboxImg.src = img.src;\r\n        lightboxImg.alt = img.alt;\r\n        lightbox.classList.add('active');\r\n        document.body.style.overflow = 'hidden'; \/\/ Prevent background scroll\r\n      });\r\n    });\r\n\r\n    \/\/ Close lightbox functions\r\n    const closeLightbox = () => {\r\n      lightbox.classList.remove('active');\r\n      document.body.style.overflow = '';\r\n    };\r\n\r\n    closeBtn.addEventListener('click', closeLightbox);\r\n\r\n    \/\/ Close on background click\r\n    lightbox.addEventListener('click', (e) => {\r\n      if (e.target === lightbox) {\r\n        closeLightbox();\r\n      }\r\n    });\r\n\r\n    \/\/ Close on 'ESC' key press\r\n    document.addEventListener('keydown', (e) => {\r\n      if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n        closeLightbox();\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-03712c5 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"03712c5\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51eafc8\" data-id=\"51eafc8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8723503 elementor-widget elementor-widget-html\" data-id=\"8723503\" 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<!-- GOOGLE FONT: MONTSERRAT -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* Unique Prefixed CSS Classes *\/\r\n  .prj-gallery-wrapper {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n    background-color: #ffffff;\r\n    box-sizing: border-box;\r\n    font-family: 'Montserrat', sans-serif;\r\n    border: 1px solid #dcdcdc;\r\n    padding: 40px 50px 20px 50px;\r\n  }\r\n\r\n  \/* Subtitle Section *\/\r\n  .prj-subhead-border {\r\n    border-left: 1.5px solid #1a1a1a;\r\n    padding-left: 12px;\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .prj-subhead-text {\r\n    font-family: 'Montserrat', sans-serif !important;\r\n    font-size: 15px;\r\n    font-weight: 500;\r\n    letter-spacing: 1px;\r\n    color: #1a1a1a;\r\n    margin: 0;\r\n    text-transform: uppercase;\r\n    line-height: 1.4;\r\n  }\r\n\r\n  \/* Highlighted Text *\/\r\n  .prj-highlight-text {\r\n    font-weight: 700;\r\n    color: #000000;\r\n    letter-spacing: 1px;\r\n    display: inline-block;\r\n    margin-top: 4px;\r\n  }\r\n\r\n  \/* 4 Images Grid (2x2 Grid) *\/\r\n  .prj-grid-container {\r\n    width: 100%;\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .prj-thumb-card {\r\n    width: 100%;\r\n    aspect-ratio: 4 \/ 3;\r\n    overflow: hidden;\r\n    background-color: #f5f5f5;\r\n    cursor: pointer;\r\n  }\r\n\r\n  .prj-thumb-card img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    display: block;\r\n    transition: transform 0.3s ease;\r\n  }\r\n\r\n  .prj-thumb-card:hover img {\r\n    transform: scale(1.03);\r\n  }\r\n\r\n  \/* Footer Logo *\/\r\n  .prj-footer-logo {\r\n    text-align: center;\r\n    padding: 25px 0 15px 0;\r\n  }\r\n\r\n  .prj-logo-img {\r\n    height: 40px;\r\n    width: auto;\r\n    display: inline-block;\r\n  }\r\n\r\n  \/* --- LIGHTBOX STYLES --- *\/\r\n  .prj-popup-backdrop {\r\n    display: none;\r\n    position: fixed;\r\n    z-index: 9999999 !important;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(0, 0, 0, 0.9);\r\n    justify-content: center;\r\n    align-items: center;\r\n    backdrop-filter: blur(5px);\r\n  }\r\n\r\n  .prj-popup-backdrop.show {\r\n    display: flex !important;\r\n  }\r\n\r\n  .prj-popup-view {\r\n    max-width: 90%;\r\n    max-height: 85vh;\r\n    object-fit: contain;\r\n    border-radius: 4px;\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);\r\n    position: relative;\r\n    z-index: 10;\r\n  }\r\n\r\n  \/* Instant 1-Click Close Button *\/\r\n  button.prj-close-trigger {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 20px;\r\n    width: 50px;\r\n    height: 50px;\r\n\r\n    border: none !important;\r\n    border-radius: 50%;\r\n    color: #ffffff !important;\r\n    font-size: 32px;\r\n    font-weight: 300;\r\n    cursor: pointer !important;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    line-height: 1;\r\n    z-index: 10000000 !important;\r\n    user-select: none;\r\n    touch-action: manipulation;\r\n    transition: background 0.2s ease;\r\n  }\r\n\r\n  button.prj-close-trigger:hover {\r\n    background: rgba(255, 255, 255, 0.4) !important;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\r\n  @media (max-width: 600px) {\r\n    .prj-gallery-wrapper { padding: 25px 20px 15px 20px; }\r\n    .prj-subhead-text { font-size: 13.5px; }\r\n    .prj-grid-container { grid-template-columns: 1fr; gap: 15px; }\r\n    .prj-logo-img { height: 32px; }\r\n    button.prj-close-trigger { top: 15px; right: 15px; width: 42px; height: 42px; font-size: 26px; }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"prj-gallery-wrapper\">\r\n  <!-- Title Section -->\r\n  <div class=\"prj-subhead-border\">\r\n    <h3 class=\"prj-subhead-text\">\r\n      PRIVATE RESIDENCE,<br>ONE, 57 NEW YORK<br>\r\n      <span class=\"prj-highlight-text\">Renu Home X Nandita Mahtani<\/span>\r\n    <\/h3>\r\n  <\/div>\r\n\r\n  <!-- 4 Images Grid Layout -->\r\n  <div class=\"prj-grid-container\">\r\n    <div class=\"prj-thumb-card\" onclick=\"popImage(this)\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/08.jpeg\" \r\n        alt=\"Private Residence One, 57 New York - Image 1\"\r\n      >\r\n    <\/div>\r\n    <div class=\"prj-thumb-card\" onclick=\"popImage(this)\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/07.jpeg\" \r\n        alt=\"Private Residence One, 57 New York - Image 2\"\r\n      >\r\n    <\/div>\r\n    <div class=\"prj-thumb-card\" onclick=\"popImage(this)\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/09.jpeg\" \r\n        alt=\"Private Residence One, 57 New York - Image 3\"\r\n      >\r\n    <\/div>\r\n    <div class=\"prj-thumb-card\" onclick=\"popImage(this)\">\r\n      <img decoding=\"async\" \r\n        src=\"http:\/\/sampleprojects.in\/interior\/wp-content\/uploads\/2026\/07\/10.jpeg\" \r\n        alt=\"Private Residence One, 57 New York - Image 4\"\r\n      >\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<!-- Lightbox Modal Container -->\r\n<div class=\"prj-popup-backdrop\" id=\"imageLightbox\" onclick=\"dismissLightbox(event)\">\r\n  <button type=\"button\" class=\"prj-close-trigger\" onclick=\"dismissLightbox(event)\">&times;<\/button>\r\n  <img class=\"prj-popup-view\" id=\"activeImg\" alt=\"Enlarged View\" onclick=\"event.stopPropagation()\">\r\n<\/div>\r\n\r\n<script>\r\n  function popImage(cardElement) {\r\n    const lightbox = document.getElementById('imageLightbox');\r\n    const activeImg = document.getElementById('activeImg');\r\n    const img = cardElement.querySelector('img');\r\n\r\n    if (lightbox && activeImg && img) {\r\n      activeImg.src = img.src;\r\n      lightbox.classList.add('show');\r\n      document.body.style.overflow = 'hidden';\r\n    }\r\n  }\r\n\r\n  function dismissLightbox(e) {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n    const lightbox = document.getElementById('imageLightbox');\r\n    const activeImg = document.getElementById('activeImg');\r\n\r\n    if (lightbox) {\r\n      lightbox.classList.remove('show');\r\n      document.body.style.overflow = '';\r\n      if (activeImg) {\r\n        setTimeout(() => { activeImg.src = ''; }, 200);\r\n      }\r\n    }\r\n  }\r\n\r\n  document.addEventListener('keydown', (e) => {\r\n    if (e.key === 'Escape') {\r\n      dismissLightbox(e);\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Projects PROJECTS IMPERIAL TOWERS LOBBY, MUMBAI &times; PRIVATE RESIDENCE SHOW APARTMENT, MUMBAI &times; PRIVATE RESIDENCE, MUMBAI &times; Private Office, Bombay &times; PRIVATE RESIDENCE WALKESHWAR, MUMBAI &times; Private Residence, London Renu Home X Rita Chulani &times; PRIVATE RESIDENCE SINGAPORE &times; PRIVATE RESIDENCEST. REGIS, SINGAPORE &times; Ardmore park , penthouse , singapore &times; Ardmore Park, Singapore &times; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-22267","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages\/22267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/comments?post=22267"}],"version-history":[{"count":0,"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/pages\/22267\/revisions"}],"wp:attachment":[{"href":"https:\/\/sampleprojects.in\/interior\/wp-json\/wp\/v2\/media?parent=22267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}