<!DOCTYPE html>
<html lang="en">



<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <!-- ======== Page title ============ -->
     <title>Project -  of Blinds N Curtains in  New Delhi</title>
    <!-- ========== Favicon Icon ========== -->
    <link rel="shortcut icon" href="https://fpfaviconimages.withfloats.com/actual/69d7656fe956547f449d45e8.jpg">
     
    
    
    
    
    <meta name="keywords" content="blinds n curtains quote, stay cool home decor, glare reducing blinds, block 97% of uv rays, sunscreen blinds uv protection">
  
  <meta name="description" content=" by Blinds N Curtains, India.">
    <meta property="og:type" content="website">
  <meta property="og:url" content="https://www.blinds-n-curtains.com/all-projects//">
   <meta property="og:title" content="Project -  of Blinds N Curtains in  New Delhi">
  <meta property="og:image" content="https://fplogoimages.withfloats.com/actual/69de30454145f9cf8a3fe890.png">
  <meta property="og:description" content="">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://www.blinds-n-curtains.com/all-projects//">
    <!-- ===========  All Stylesheet ================= -->
    <!--  animate css plugins -->
      
  <!-- =========== All Stylesheet ================= -->
    <!-- Load essential styles normally -->
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/bootstrap.min.css?v=116" k-partial="">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/style.min.css?v=116">

<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/servicee-partials.min.css?v=116">
    
    

 <!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"-->
 <!--   integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="-->
 <!--   crossorigin="anonymous" referrerpolicy="no-referrer" k-show="" />-->
<!--<link rel="stylesheet" href="assets/css/icons.css">-->
<!--<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.1/css/all.min.css">-->
<!-- Preload other CSS (non-blocking) using media="print" trick -->
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/animate.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/icons.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/magnific-popup.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/meanmenu.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/mk_charts.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/odometer-theme-default.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/owl.carousel.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/owl.theme.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/slick.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">
<link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/snackbar.min.css?v=116" media="print" onload="this.onload=null;this.media=&apos;all&apos;">





<!--only for spa-->


<!-- Ensure styles are applied even if JavaScript fails -->
<noscript>
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/animate.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/icons.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/magnific-popup.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/meanmenu.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/mk_charts.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/odometer-theme-default.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/owl.carousel.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/owl.theme.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/slick.min.css?v=116">
    <link rel="stylesheet" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/css/snackbar.min.css?v=116">
    
    


</noscript>
<link rel="preconnect" href="https://www.google.com">
<link rel="preconnect" href="https://www.gstatic.com" crossorigin="">

	



<!-- Google tag (gtag.js) -->
<!--<script async src="https://www.googletagmanager.com/gtag/js?id=G-MKZSN777R1" k-partial></script>-->
<!--<script>-->
<!--  window.dataLayer = window.dataLayer || [];-->
<!--  function gtag(){ dataLayer.push(arguments); }-->
<!--  gtag('js', new Date());-->
<!--  gtag('config', 'G-MKZSN777R1');-->
<!--</script>-->
<!--<script>-->
<!--  document.addEventListener('DOMContentLoaded', function () {-->
<!--    gtag('event', 'Version', { 'VERSION': '7' });-->
<!--    gtag('event', 'Theme', { 'THEME': 'MANUFACTURING' });-->
<!--    gtag('event', 'Fpid', { 'FPID': '' });-->
<!--    gtag('event', 'page_view', {-->
<!--  'send_to': 'G-MKZSN777R1'-->
<!--});-->
<!--  });-->
<!--</script>-->
<script k-partial="">
  window.dataLayer = window.dataLayer || [];
  function gtag(){ dataLayer.push(arguments); }
  
  // Load GA only after significant delay for low-end devices
  function loadGA() {
    var script = document.createElement('script');
    script.async = true;
    script.src = 'https://www.googletagmanager.com/gtag/js?id=G-MKZSN777R1';
    script.onload = function() {
      gtag('js', new Date());
      gtag('config', 'G-MKZSN777R1');
      gtag('event', 'Version', { 'VERSION': '7' });
      gtag('event', 'Theme', { 'THEME': 'JARVIS' });
      gtag('event', 'Fpid', { 'FPID': '69d62e0feb58201de8246515' });
      gtag('event', 'page_view', { 'send_to': 'G-MKZSN777R1' });
    };
    document.head.appendChild(script);
  }
  
  // Aggressive delay for low-end devices: wait for first user interaction OR 3 seconds
  var gaLoaded = false;
  function initGA() {
    if (gaLoaded) return;
    gaLoaded = true;
    if ('requestIdleCallback' in window) {
      requestIdleCallback(loadGA, { timeout: 5000 });
    } else {
      setTimeout(loadGA, 3000);
    }
  }
  
  // Load on first interaction (scroll, click, touch) or after 3 seconds
  window.addEventListener('scroll', initGA, { once: true, passive: true });
  window.addEventListener('click', initGA, { once: true, passive: true });
  window.addEventListener('touchstart', initGA, { once: true, passive: true });
  window.addEventListener('load', function() {
    setTimeout(initGA, 3000);
  });
</script>



    <!-- Preconnect to external domains -->
  <link rel="preconnect" href="https://bizimages.withfloats.com">
  <link rel="preconnect" href="https://fplogoimages.withfloats.com">
  <link rel="preconnect" href="https://proj.s-cdn.boostkit.dev">
  <link rel="preload" as="image" href="https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png">
  <link rel="preload" as="image" type="image/svg+xml" href="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/images/wa-icon.svg?v=116">
  
  
<!--schema for local schema-->
  
  <script type="application/ld+json" async="">
            {
                "@context": "https://schema.org",
                "@type": "Organization",
                "name": "Blinds N Curtains",
                "alternateName": "Blinds N Curtains",
                "description": "Blinds N Curtains: Global Luxury in Window Treatments & Home Automation Elevate your interiors with Blinds N Curtains, Delhis leading manufacturer and global exporter of premium window solutions. Whether you are visiting our high-traffic curtain showroom in Delhi or shopping via our online curtain store, we provide bespoke elegance tailored to your exact specifications.  Our Premium Collection We specialize in high-end fabrics and smart technology that set the standard for modern living:  Pure Silk Curtains: Add a touch of royal elegance to your space with our 100% authentic silk drapes, available for worldwide shipping.  Seamless Sheers: Achieve a flawless, airy look with our extra-wide seamless sheer curtains, perfect for large windows and modern villas.  Blackout Curtains: Experience total privacy and light control with our thermal-insulated blackout curtains, ideal for bedrooms and home cinemas.  Motorized Curtains & Blinds: Upgrade to a smart home with our whisper-quiet automatic curtain tracks and remote-controlled blinds.  Designer Blinds: From Zebra blinds and Roman shades to Motorized Roller Blinds, we offer the best prices in Delhi and abroad.  D'Decor: We are in first DDecore store in Dwarks Sector 7.  Why Shop With Blinds N Curtains? Bespoke Customization: Every order is custom-made to fit your window measurements perfectly.  Global Export Services: We are a trusted exporter of luxury curtains, shipping custom orders to the USA, UK, UAE, and beyond.  In-Store Expertise: Join the hundreds of customers who visit our Delhi store daily for expert design consultations and fabric tactile experiences.  Smart Home Ready: Our motorized systems integrate seamlessly with Alexa, Google Home, and Apple HomeKit.  Transform Your Windows Today From luxury villa projects in Delhi to online custom curtain orders delivered globally, Blinds N Curtains is your one-stop shop for quality and innovation.  📍 Visit Us: Dwarka, New Delhi. 🌐 Shop Online: https://blindsncurtains.com/ 📧 International Enquiries: mail@blindsncurtains.com 📞 Call/WhatsApp:+91 8744988788",
                "url": "https://www.blinds-n-curtains.com",
                "logo": "https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png",
"address": {
      "@type": "PostalAddress",
      "addressLocality": "New Delhi",
      "addressRegion": "India",
      "streetAddress": "D-437, Ramphal Chowk, Sec 7, Dwarka, Block D, Palam Extension, New Delhi, Delhi",
      "postalCode":"110077"
    },
  "contactPoint": [{
                    "@type": "ContactPoint",
                    "telephone": "+918744988788",
                    "email": "mail@blindsncurtains.com",
                    "contactType": "customer enquiry"
                }
                ],
                "sameAs": [ "https://www.facebook.com/137398536272662/", "https://www.instagram.com/blinds.n.curtains/", "https://x.com/blindsncurtain" ]
            }
</script>
 

    <style>
    .project-enquiry-btn{
      margin: 18px 0;
      height: 47px;
      padding: 0;
      width: 100%;
      text-transform: capitalize;
    }
      .customer-name {
            align-self: stretch;
            color: #000;
           
            /*font-size: 17.981px;*/
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.36px;
        }

        .project-title {
            max-height: 269.71px;
            align-self: stretch;
            color: #000;
          
            font-size: 44.952px;
            font-style: normal;
            font-weight: 800;
            line-height: 44.952px;
            letter-spacing: -0.899px;
        }

        .img-container {
            display: flex;
            width: 100%;
            align-items: flex-end;
            gap: 26.971px;
            width: 100%;
        }

        .main-img {
            display: flex;
            width: 100%;
            height: 459px;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            gap: 9.586px;
            flex-shrink: 0;
            cursor:zoom-in;
        }

        .side-img-container {
            display: flex;
            /*width: calc(1.0985 * 280px);*/
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 27px;
            flex-shrink: 0;
        }

        .side-img {
            display: flex;
            height: 216px;
            flex-direction: column;
            justify-content: flex-end;
            align-items: center;
            gap: 9.586px;
            align-self: stretch;
            cursor:zoom-in;
        }

        .keywords-container {
            display: flex;
            align-items: flex-start;
            align-content: flex-start;
            gap: 8px;
            align-self: stretch;
            flex-wrap: wrap;
            padding: 1px;
        }

        .keyword {
            color: #4A4A4A;
            padding: 2px;
            
            font-size: 13.486px;
            font-style: normal;
            font-weight: 400;
            line-height: 15.733px;
            /* 116.667% */
            letter-spacing: -0.27px;
            margin: 2px;
            border: 1px solid transparent;
        }

        .keyword:hover {
            color: #56CBF2;
            outline: #56CBF2;
           
            font-size: 13.486px;
            font-style: normal;
            font-weight: 400;
            line-height: 15.733px;
            
            /* 116.667% */
            letter-spacing: -0.27px;
            cursor: pointer;
            border-color: #56CBF2;
        }

        .keywords h6 {
            margin-bottom: 8px;
        }


        .main-content {
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            gap: 44.952px;
            margin-top: 48px;
            justify-content: space-between;
        }

        .left-section {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            width: calc(1.0985 * 624px);
        }

        .info-group {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            width: 623.705px;
        }

        .right-section {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            align-self: stretch;
            flex: 0 0 35%;
        }

        h5,
        h6 {
           
            /*font-size: 17.981px;*/
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            letter-spacing: -0.36px;
        }

        p {
           
            /*font-size: 13.486px;*/
            font-style: normal;
            font-weight: 400;
            line-height: 21.352px;
            letter-spacing: -0.27px;
        }

        .divider {
            height: 1px;
            align-self: stretch;
            background: #4A4A4A;
            width: 100%;
        }
        .single-side-img{
          height: 459px;
        }
        .multiple-img{
          width: 50%;
        }
         .lightbox-modal { display: none; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; }
        .lightbox-image { max-width: 80%; max-height: 80%; border-radius: 8px; opacity: 0; transition: opacity 0.5s ease-in-out; }
        .lightbox-image.show { opacity: 1; }
        .close-btn { position: absolute; top: 20px; right: 30px; font-size: 30px; color: white; cursor: pointer; }
        .arrow-btn { position: absolute; top: 50%; font-size: 30px; color: white; background: rgba(0,0,0,0.5); padding: 10px; cursor: pointer; border: none; transform: translateY(-50%); z-index: 10; transition: transform 0.2s ease; }
        .arrow-btn:hover { color: #ddd; transform: translateY(-50%) scale(1.2); }
        .prev-btn { left: 20px; }
        .next-btn { right: 20px; }
        @media screen and (max-width: 850px) {
          .img-container{
            flex-direction: column;
          }
          .side-img-container{
            width: 100% !important;
            flex-direction: row;
          }
          .side-img{
            width: 50%;
          }
          .main-content{
            flex-direction: column;
          }
          .info-group{
            width: 100%;
          }
          .left-section{
            width: 100%;
          }
          .single-side-img{
            height: 216px;
            width: 100%;
          }
          .main-img{
            height: 300px;
          }
          h2{
            font-size: 24px;
          }
        }
    </style>
     <!--//breadcumb schema-->
   <script type="application/ld+json">
        {
            "@context": "https://schema.org/",
            "@type": "BreadcrumbList",
            "itemListElement": [{
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://www.blinds-n-curtains.com"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Projects",
                "item": "https://www.blinds-n-curtains.com/all-projects/1"
            },
            {
                "@type": "ListItem",
                "position": 3,
                "name": "",
                "item": "https://www.blinds-n-curtains.com/all-projects//"
            }]
        }
    </script>
    
    <script type="application/ld+json">
          {
          "@context": "http://schema.org",
            "@type": "Project",
              "name": "",
                "image": "System.NullReferenceException: Object reference not set to an instance of an object.
   at KitsuneSyntaxParser.Models.ParseTress.Parse(Node node)",
                  "description": "",
                    "sponsor": {
            "@type": "Organization",
              "name": ""
          },
                        "additionalProperty": [
                          {
                            "@type": "PropertyValue",
                            "name": "Budget",
                            "value": ""
                          },
                          {
                            "@type": "PropertyValue",
                            "name": "What We Did",
                            "value": ""
                          },
                          {
                            "@type": "PropertyValue",
                            "name": "Client requirement",
                            "value": ""
                          },
                          {
                            "@type": "PropertyValue",
                            "name": "We Deliver To Client",
                            "value": ""
                          }
                        ]
        }
      </script>
</head>

<body class="body-wrapper">
 <!-- Header Section -->        
       <div k-partial="">
  <style>
     header .header-contact-helper-text{
    display: flex;
    flex-direction:column;
    /*gap: 2px;*/
    max-width: 140px;
  }
  
  header .vmn-helper-wrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  line-height: 18px;
}

header .vmn-helper-text,.vmn-helper-text-scroll {
  display: inline-block;
  font-size: 8px !important;
  font-style: italic;
  font-weight: 600;
  line-height: 18px;
  margin-top: -4px;
}

header .vmn-helper-text-scroll{
   animation: vmnHelperTextScroll 10s linear infinite;
}
@keyframes vmnHelperTextScroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
  </style>
  
         <div>   <div k-partial="">
     <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/js/lazyLoad.js?v=116" defer=""></script>
      <style>
     /* Hide mobile by default */
    .mobile-top, .mobile-main {
      display: none !important;
    }
    .top-bar {
      background-color: #ffffff;
    padding: 14px 0px;
    font-size: 14px;
    font-weight: 500;
    width: 95%;
    }
    .top-bar a,.mobile-main a{
      color: var(--primary-color) !important;
    }
     .mobile-top a{
       color: #fff !important;
     }
    .nav-bar {
      background-color: var(--primary-color) !important;
      padding: 7px 24px !important;
    }

    .logo {
      height: 74px !important;
      margin-top: 8px !important;
    margin-bottom: 8px !important;
    max-width: 310px;
    object-fit: contain;
    }

    header .nav-link {
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      padding: 0px 12px !important;
      /*background-color: #fff;*/
      background-origin: padding-box;
      border-radius: 6px;
    }

    header .nav-link:hover,header .nav-link:focus {
      color: #fff !important;
      opacity: 0.7;
    }
    .no-caret::after {
  display: none !important;
}
.dropdown-menu {
  font-size: 14px !important;
  border-radius: 6px !important;
  padding: 8px 0 !important;
  max-width: 350px;
}
.dropdown-menu .dropdown-item:hover {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.dropdown-item{
  font-size: 14px;
  display: block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}
/* Search CSS */

.search__top{
  margin-bottom: 20px;
}

.search__popup{
  padding: 40px 100px;
}


.search-input{
  border-bottom: 1px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  height: 3.5rem !important;
}
/*.search__input button{*/
/*  color: var(--primary-color) ;*/
/*}*/

/*.search__close-btn{*/
/*  color: #56CGF2 ;*/
/*}*/

/* Search CSS Ends */

/* Search Suggestion CSS Start*/

 .search__suggestions {
    margin-top: 30px;
  }

  .popular-title {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
  }

  .suggestion-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .suggestion-list li a {
    display: inline-block;
    background-color: #ffffff;
    color: #333;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    padding: 2px;
    font-family: Lato;
    font-size: 12px;
    font-style: normal;
    font-weight: 400; 
    text-decoration: none;
    transition: all 0.3s;
  }

  .suggestion-list li a:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
  }
  
  /* Search Suggestion CSS End */

.view-alll{
  border-top:1px solid #ccc;
}
header .nav-item .nav-link{
  line-height: 24px !important;
}

.nav-item.active-nav > .nav-link {
    
    color: var(--primary-color) !important;
    background: #fff;
  }
 header .header-contact-helper-text{
        color: var(--primary-color) !important;
  }
  
 

header .vmn-helper-text,.vmn-helper-text-scroll {
  color: var(--primary-color, #ff5e14) !important;
}



    /* Mobile View Starts at max-width 780px */
    @media (max-width: 970px) {
      .desktop-header {
        display: none !important;
      }

      .mobile-top {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 6px 16px !important;
        background-color: var(--primary-color);
        font-size: 14px !important;
        font-weight: 500;
      }

      .mobile-main {
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        background-color: #ffffff !important;
        padding: 10px 16px !important;
      }

      .mobile-main img {
        height: 50px !important;
        max-width: 280px;
        object-fit: contain;
        margin-top: 8px;
        margin-bottom: 8px;
        
      }
      
      .search__popup{
        height: 100%;
        padding: 24px;
      }
      
      .suggestion-list {
    height: max-content; 
    overflow-y: auto;
    padding-right: 5px;
    max-height: 275px/* optional: for scrollbar spacing */
  }

  .suggestion-list li {
    margin-bottom: 8px;
  }
  
  .suggestion-list::-webkit-scrollbar {
    width: 6px;
  }

  .suggestion-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 4px;
  }

  .suggestion-list::-webkit-scrollbar-track {
    background-color: #f1f1f1;
  }
  .logo{
    height: 64px !important;
  }
  .locationTabContainer i{
    color: #fff;
  }
  
    }
    
    @media (max-width: 480px){
      .mobile-main img {
        max-width: 200px;
      }
      .header-contact-helper-text,.headerContactNumber{
        color: #fff !important;
        
      }
      .vmn-helper-text,.vmn-helper-text-scroll{
          color: #fff !important;
      }
      
    }

.search-appointment-hdr{
  display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1.5rem;
}

.book-aptment{
  padding: 0.75rem;
    background: var(--primary-color);
    color: white !important;
    border-radius: 6px;
}

@media(max-width: 800px){
  .search-appointment-hdr{
    gap: 1rem;
  }
}

@media(max-width: 450px){
  .search-appointment-hdr{
    gap: 0.5rem;
  }
}
    
  </style>
     <p style="display:none;" id="GET-VALUE(FLOATING-ID-UI)">69d62e0feb58201de8246515</p>
<p style="display:none;" id="GET-VALUE(FLOATING-TAG-UI)">BLINDSNCURTAINS</p>
<p style="display:none;" id="GET-VALUE(FLOATING-ID)">69d62e0feb58201de8246515</p>
<p style="display:none;" id="GET-VALUE(FLOATING-TAG)">BLINDSNCURTAINS</p>
<p style="display:none;" id="PRODUCTVERBUI">shop</p>
<span style="display: none;" id="TEMPLATEID">6814772a5d263414004dd4a4</span>

<script k-partial="">
  const rootEL = document.querySelector(':root');
  function updateFont(URL){
    if(URL){
      let link = document.createElement('link');
      link.href = URL;
      link.rel = "stylesheet";
      link.type = "text/css";
      document.getElementsByTagName('head')[0].insertAdjacentElement('beforeend', link);
    }    
  }
  
  rootEL.style.setProperty('--primary-color', "#D99C00");
  rootEL.style.setProperty('--secondary-color', "#B98500");
  rootEL.style.setProperty('--tertiary-color', "#CCAF64");
  rootEL.style.setProperty('--primary-color-transparent',"#D99C0033")
  
  const primaryFontUrl = "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap"; 
  const primaryFontFamily = "Playfair Display";
  const secondaryFontUrl = "https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&display=swap"; 
  const secondaryFontFamily = "Quicksand";
  
  const primaryColor = "#D99C00";
  const secondaryColor = "#B98500";
  const thirdColor = "#CCAF64";
   
   rootEL.style.setProperty('--border-radius-template', '4px');
  
   
  if(primaryFontUrl && primaryFontFamily){
    updateFont(primaryFontUrl);
    updateFont(secondaryFontUrl);
    rootEL.style.setProperty('--primary-font', primaryFontFamily);
    rootEL.style.setProperty('--secondary-font', secondaryFontFamily);
  }else{
    rootEL.style.setProperty('--primary-font', 'sans-serif');
    rootEL.style.setProperty('--secondary-font', 'sans-serif');
  }
  
  // if(colorName == )
  
 
  
</script>



  
     <!-- preloader start -->
    <!--<div id="preloader">-->
    <!--    <div class="preloader-close d-none">x</div>-->
    <!--    <div class="sk-three-bounce">-->
    <!--        <div class="sk-child sk-bounce1"></div>-->
    <!--        <div class="sk-child sk-bounce2"></div>-->
    <!--        <div class="sk-child sk-bounce3"></div>-->
    <!--    </div>-->
    <!--</div>-->
    <!-- preloader start -->
     <p class="business-name" title="Blinds N Curtains" style="display:none;">Blinds N Curtains</p>
     
     <!--<img src=""/>-->
      <!-- search popup start -->
    <div class="search__popup" style="background-color: #FFFFFF">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12">
                    <div class="search__wrapper">
                        <div class="search__top d-flex justify-content-between align-items-center">
                            <div class="search__logo">
                                <a href="https://www.blinds-n-curtains.com">
                                    <img src="https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png" alt="Logo image" style="height: 4rem" loading="lazy">
                                </a>
                            </div>
                            
                            
                            
                            
                         
                            <div class="search__close">
  <button type="button" class="search__close-btn search-close-btn" aria-label="Close search">
    <i class="fal fa-times" style="color: var(--primary-color)"></i>
  </button>
</div>
                        </div>
                        <div class="search__form">
                            <form action="#" onsubmit="event.preventDefault();">
                                <div class="search__input">
                                    <input class="search-input-field search-input" type="text" placeholder="Enter what you&apos;re looking for...">
                                    <span class="search-focus-border"></span>
                                   <button type="submit" id="search-form-submit" aria-label="Submit search" style="padding-bottom: 12px;">
  <i class="fas fa-search" style="color: var(--primary-color)"></i>
</button>
                                </div>
                            </form>
                        </div>
                       
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- search popup end -->

<!-- welcome content start from here -->
<!--<span id="businessContactInfo" style="display:none;">,</span>-->
   <header class="header-wrap header-2">
     
    
     
     
<div class="call-action" style="display:none;">
  <!--<a href="tel:"></a>-->
     
<!--     <div class="header-contact-helper-text"   k-show="[[kresult !=null &&-->
<!--                 kresult.phonenumbers != null &&-->
<!--                 kresult.phonenumbers.Numbers !=null &&-->
<!--                 kresult.phonenumbers.Numbers.length > 0]]"-->
<!--style="">-->
    <span class="headerContactNumber" itemprop="telephone"> 08048034720</span>
    <!--<div class="vmn-helper-wrapper" k-show=""> <p class="vmn-helper-text-scroll">Please keep +91 or 0 before dialling the number. &nbsp;&nbsp;&nbsp; Please keep +91 or 0 before dialling the number</p> </div>-->
    <!--</div>-->
    
                  
</div>
<div class="desktop-header">
  <!-- Top Bar -->
  <div class="container-fluid top-bar d-flex justify-content-between align-items-center">
    <div class="d-flex align-items-center gap-3 top-menu" style="width:33%;justify-content:start;">
     <div class="location-container"><i class="fas fa-map-marker-alt"></i><span>New Delhi</span></div>
     
    <!--  <a style="font-size: 16px;" href="tel:"><i class="fas fa-phone" -->
    <!--  style="-->
    <!--transform: rotate(105deg); font-size: 14px;"></i> </a>-->
       
      <!-- <div class="header-contact-helper-text"   k-show="[[kresult !=null &&-->
      <!--           kresult.phonenumbers != null &&-->
      <!--           kresult.phonenumbers.Numbers !=null &&-->
      <!--           kresult.phonenumbers.Numbers.length > 0]]"-->
      <!--style="">-->
    <span class="headerContactNumber" itemprop="telephone"> 08048034720</span>
    <!--<div class="vmn-helper-wrapper" k-show=""> <p class="vmn-helper-text-scroll">Please keep +91 or 0 before dialling the number. &nbsp;&nbsp;&nbsp; Please keep +91 or 0 before dialling the number</p> </div>-->
    <!--</div>-->
    
                  
    </div>
    <div class="row align-items-center">
       <div class=" text-center">
        <a href="https://www.blinds-n-curtains.com">
          <img src="https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png" class="logo" alt="Logo" loading="eager" fetchpriority="high">
        </a>
      </div>
      

    </div>
    <div class="d-flex align-items-center gap-3" style="width:33%;justify-content:end;">
      <div class="cart"><a href="https://www.blinds-n-curtains.com/cart" class="text-decoration-none text-primary" aria-label="Checkout cart"><i class="fas fa-shopping-cart"></i> Cart</a></div>
      <a href="#" role="button" onclick="doSomething(); return false;" onkeypress="if(event.key===&apos;Enter&apos;){ doSomething(); }" class="text-decoration-none text-primary search-open-btn" aria-label="search button"><i class="fas fa-search"></i> Search</a>
      
    </div>
  </div>

  <!-- Navigation Bar -->
  <div class="container-fluid nav-bar">
    

    <ul class="nav justify-content-center flex-wrap" style="gap: 10px;">
      <li class="nav-item"><a href="https://www.blinds-n-curtains.com" class="nav-link dropdown-toggle no-caret">Home</a></li>
      
      <li class="nav-item"><a href="https://www.blinds-n-curtains.com/about-us" class="nav-link dropdown-toggle no-caret" role="button" data-bs-toggle="dropdown" aria-expanded="false">About <i class="fas fa-chevron-down"></i></a>
      <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="https://www.blinds-n-curtains.com/about-us">About Us</a></li>
              
              
              
              <!--<li k-show=""><a class="dropdown-item" href="">Our Staff</a></li>-->
               
                          <!--<li k-show=""><a class="dropdown-item" href=""></a></li>-->
              
              
              
              <li><a class="dropdown-item" href="https://www.blinds-n-curtains.com/testimonials/1">Testimonials</a></li>
              
              
              
            </ul>
      </li>
     
       <li class="nav-item"><a href="https://www.blinds-n-curtains.com/all-shop/1" class="nav-link dropdown-toggle no-caret cap" role="button" data-bs-toggle="dropdown" aria-expanded="false">shop <i class="fas fa-chevron-down"></i></a>
      <ul class="dropdown-menu">
              <li><a class="dropdown-item" href="https://www.blinds-n-curtains.com/shop/category/sheers/1">Sheers</a></li>
                                                  <li>
                          <a class="dropdown-item view-alll" href="https://www.blinds-n-curtains.com/all-shop/1">
                          View all</a>
                        </li>
            </ul>
      </li>
      
        <p style="display:none;" class="check-services-widget"></p>
         
       
      
      
      <!--Exclusive for jeenasikho-->
      
       
      
      <!--Exclusive for jeenasikho-->
              
             <li class="nav-item"><a href="https://www.blinds-n-curtains.com/latest-updates/1" class="nav-link dropdown-toggle no-caret">Updates</a></li>
            
      <!-- only Photos -->
<li class="nav-item">
  <a href="https://www.blinds-n-curtains.com/image-gallery/1" class="nav-link">
    Photos
  </a>
</li>

<!-- only Videos -->


<!-- both exist → Show Dropdown -->

      <!--<li class="nav-item"  k-show=""><a href="" class="nav-link dropdown-toggle no-caret" role="button" data-bs-toggle="dropdown" aria-expanded="false">Gallery <i class="fas fa-chevron-down"></i></a>-->
      <!--<ul class="dropdown-menu" >-->
      <!--        <li k-show="">-->
      <!--                <a class="dropdown-item" href="">-->
      <!--                  Photos-->
      <!--                </a>-->
      <!--              </li>-->
      <!--              <li  k-show="">-->
      <!--                <a class="dropdown-item" href="">-->
      <!--                  Videos-->
      <!--                </a>-->
      <!--              </li>-->
      <!--      </ul>-->
      <!--</li>-->
      
        
      
       
      <li class="nav-item"><a href="https://www.blinds-n-curtains.com/pages/1" class="nav-link dropdown-toggle no-caret" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="View all custom page list">More <i class="fas fa-chevron-down"></i></a>
      <ul class="dropdown-menu">
              <li>
                      <a class="dropdown-item" href="https://www.blinds-n-curtains.com/page/download-blinds-n-curtains-android-app/69e1ce9175743e3c9aed0379">
                        Download Blinds N Curtains Android App⚡
                      </a>
                    </li>
                    
                    
            
              <li>
                      <a class="dropdown-item" href="https://www.blinds-n-curtains.com/page/d-decor-seamless-sheers-the-art-of-uninterrupted-elegance/69d7a790813eb818a1432867">
                        D'Decor Seamless Sheers: The Art of Uninterrupted Elegance
                      </a>
                    </li>
                    
                    
            
              <li>
                      <a class="dropdown-item" href="https://www.blinds-n-curtains.com/page/privacy-and-cookie-policy-blinds-n-curtains-com/69d7a3d3f01adacc44890fe6">
                        Privacy and Cookie Policy | blinds-n-curtains.com
                      </a>
                    </li>
                    
                    
            
              <li>
                      <a class="dropdown-item" href="https://www.blinds-n-curtains.com/page/return-policy/69d7a37315641ca8caa50b8e">
                        Return Policy
                      </a>
                    </li>
                    <li>
  <a class="dropdown-item view-alll" href="https://www.blinds-n-curtains.com/pages/1">
    View all
  </a>
</li>
                    
            </ul>
      </li>
      <li class="nav-item"><a href="https://www.blinds-n-curtains.com/mapview/28-5846251/77-0708044" class="nav-link">Contact</a></li>
    </ul>
  </div>
</div>


<div class="mobile-top">
<div class="location-container-mobile"><i class="fas fa-map-marker-alt"></i> &#xa0;<span>New Delhi</span></div>
  <!--<a  style="font-size: 16px;" href="tel:"><i class="fas fa-phone me-1" style="-->
  <!--  transform: rotate(105deg); font-size: 14px"></i> </a>-->
       
<!--     <div class="header-contact-helper-text"   k-show="[[kresult !=null &&-->
<!--                 kresult.phonenumbers != null &&-->
<!--                 kresult.phonenumbers.Numbers !=null &&-->
<!--                 kresult.phonenumbers.Numbers.length > 0]]"-->
<!--style="">-->
    <span class="headerContactNumber" itemprop="telephone"> 08048034720</span>
    <!--<div class="vmn-helper-wrapper" k-show=""> <p class="vmn-helper-text-scroll">Please keep +91 or 0 before dialling the number. &nbsp;&nbsp;&nbsp; Please keep +91 or 0 before dialling the number</p> </div>-->
    <!--</div>-->
    
                  
</div>
<div class="mobile-main">
  <div class="cart"><a href="https://www.blinds-n-curtains.com/cart" aria-label="Checkout cart"><i class="fas fa-shopping-cart fa-lg"></i></a></div>
  
  <a href="https://www.blinds-n-curtains.com"><img src="https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png" class="logo" loading="eager" fetchpriority="high" alt="Logo"></a>
  
  <a href="#" role="button" onclick="doSomething(); return false;" aria-label="search button" onkeypress="if(event.key===&apos;Enter&apos;){ doSomething(); }" class="search-open-btn"><i class="fas fa-search fa-lg"></i></a>
  
</div>
</header>


<!-- <header class="header-wrap header-2" style="display:none;">-->
<!--        <div class="header-top-bar text-white">-->
<!--            <div class="container-fluid">-->
<!--                <div class="row">-->
<!--                    <div class="col-lg-9 col-sm-9 top-menu" >-->
<!--                        <div class="top-left-content contact-info">-->
<!--                          <ul class="d-none d-sm-block">-->
<!--                            <li><i class="flaticon-paper-plane"></i> <a href="mailto:"></a></li>-->
<!--                          </ul>-->
                            
<!--                            <div class="location-container"><i class="fas fa-map-marker-alt"></i><span></span></div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                    <div class="col-lg-3 col-sm-3 text-end d-none d-sm-block">-->
<!--                        <div class="top-social-icons" style="display: flex;justify-content: end;gap: 20px;">-->
<!--                            <div class="search-icon">-->
<!--                        <a href="javascript:void(0)" class="search-btn search-open-btn"><i class="fas fa-search"></i></a>-->
<!--                    </div>-->
                   
<!--                    <div class="cart">-->
<!--                          <a href="" class="cart-link">-->
                            
<!--                              <i class="fas fa-shopping-cart"></i>-->
                            
<!--                          </a>-->
<!--                        </div>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
      
<!--        <div class="main-header-wrapper">-->
<!--            <div class="container-fluid align-items-center justify-content-between d-flex">-->
<!--                <div class="logo" style="width: 125px;">-->
<!--                    <a href=""><img src="" k-show="" style="width: 100%; height: auto;" alt="logo"> </a>-->
<!--                </div>-->
<!--                <div class="main-menu d-none d-lg-block">-->
<!--                    <nav id="mobile-menu">-->
<!--                        <ul>-->
<!--                            <li class="active"><a href="">Home</a>-->
                                
<!--                            </li>-->
<!--                             <li><a href="">about <i class="fal fa-plus" ></i></a>-->
<!--                                <ul class="sub-menu" >-->
<!--<li k-show="">-->
<!--                                <a href="">-->
<!--                                  Our Team-->
<!--                                </a>-->
<!--                            </li>-->
<!--                            <li k-show="">-->
<!--                                <a href="">-->
<!--                                  Our Customers-->
<!--                                </a>-->
<!--                            </li>-->
                            
<!--                            <li k-show="">-->
<!--                                <a href="">-->
<!--                                  Projects-->
<!--                                </a>-->
<!--                            </li>-->
                            <!--<li k-show="">-->
                            <!--    <a href="">-->
                            <!--      Testimonials-->
                            <!--    </a>-->
                            <!--</li>-->
<!--                            <li k-show="">-->
<!--                                <a href="">-->
<!--                                  FAQ-->
<!--                                </a>-->
<!--                            </li>     -->
<!--                                </ul>-->
<!--                            </li>-->
<!--                            <li><a href=""> <i class="fal fa-plus"></i></a>-->
<!--                            <k-script-->
<!--      headers=""-->
<!--      get-api="https://api2.withfloats.com/product/v2/categories?clientId=A91B82DE3E93446A8141A52F288F69EFA1B09B1D13BB4E55BE743AB547B3489E&fpId={0}&limit=10"-->
<!--      input=""-->
<!--    >-->
<!--                                <ul class="sub-menu" k-repeat="" k-show="">-->
<!--                                    <li><a href="//category//1">-->
<!--                                  <span k-show="">...</span></a></li>-->
<!--                                                      <li k-show="">-->
<!--                              <a href="">-->
<!--                              View all</a>-->
<!--                            </li>-->
<!--                                </ul>-->
<!--                                </k-script>-->
<!--                            </li>-->
<!--                            <li><a href="">Latest news</a>-->
                              
<!--                            </li>-->
<!--                            <li >-->
<!--                      <a  href="">Gallery-->
<!--                        <i class="fal fa-plus"></i>-->
<!--                      </a>-->
<!--                      <ul class="sub-menu">-->
<!--                        <li>-->
<!--                          <a href="">-->
<!--                            Photos-->
<!--                          </a>-->
<!--                        </li>-->
<!--                        <li  k-show="">-->
<!--                          <a href="">-->
<!--                            Videos-->
<!--                          </a>-->
<!--                        </li>-->
<!--                      </ul>-->
<!--                    </li>-->
<!--                            <li k-show="">-->
<!--  <a href="">-->
<!--    Brochure <i class="fal fa-plus"></i>-->
<!--  </a>-->
<!--  <ul class="sub-menu">-->
<!--    <li k-repeat="">-->
<!--      <a href=""-->
<!--         target="_blank">-->
<!--        <span k-show="">...</span>-->
<!--      </a>-->
<!--    </li>-->
<!--    <li k-show="">-->
<!--      <a href="">-->
<!--        View all-->
<!--      </a>-->
<!--    </li>-->
<!--  </ul>-->
<!--</li>-->


<!--                            <li k-show=""><a href="">More <i class="fal fa-plus"></i></a>-->
<!--                                <ul class="sub-menu" k-repeat="" k-show="">-->
<!--                                    <li><a href="">-->
<!--                                  -->
<!--                                  <span k-show="">...</span>-->
<!--                                </a></li>-->
<!--                                    <li k-show="">-->
<!--                              <a href="">-->
<!--                                <hr class="custom-hr">View all...-->
<!--                              </a>-->
<!--                            </li>-->
<!--                                </ul>-->
<!--                            </li>-->
                           
<!--                            <li><a href="">Contact</a></li>-->
<!--                        </ul>-->
<!--                    </nav>-->
<!--                </div>-->
<!--                <div class="d-inline-block d-xl-none">-->
<!--                    <div class="mobile-nav-wrap side-toggle">-->
<!--                        <div id="hamburger">-->
<!--                            <i class="fal fa-bars"></i>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
<!--                <div class="right-elements d-none d-xl-flex d-flex align-items-center">-->
                   
<!--                    <div class="call-action">-->
<!--                        <span>Call Us</span>-->
<!--                        <a href="tel:"></a>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--        </div>-->
<!--    </header>-->

   
   
   <!-- side toggle start -->
    <aside>
        <div class="side-info offcanvas__area ">
            <div class="side-info-content">
                <div class="offset__widget offset__header">
                    <div class="offset-logo" style="width: 125px;">
                    <a href="https://www.blinds-n-curtains.com"><img src="https://fplogoimages.withfloats.com/tile/69de30454145f9cf8a3fe890.png" style="width: 100%; height: auto;" alt="logo" loading="lazy"> </a>
                    </div>
                    
                     <button class="side-info-close" aria-label="side info close">
                        <i class="fal fa-times"></i>
                    </button>
                </div>
                <div class="mobile-menu d-xl-none fix"></div>
                <div class="offset__widget offset__support">
                    <ul class="mobile-nav__contact list-unstyled">
                        <li>
                            <i class="fas fa-envelope"></i>
                            <a href="mailto:mail@blindsncurtains.com">mail@blindsncurtains.com</a>
                        </li>
                        <li>
                            <!--<i class="fas fa-phone"></i>-->
                            <!--<a href="tel:"></a>-->
                    
<!--      <div class="header-contact-helper-text"   k-show="[[kresult !=null &&-->
<!--                 kresult.phonenumbers != null &&-->
<!--                 kresult.phonenumbers.Numbers !=null &&-->
<!--                 kresult.phonenumbers.Numbers.length > 0]]"-->
<!--style="">-->
    <span class="headerContactNumber" itemprop="telephone"> 08048034720</span>
    <!--<div class="vmn-helper-wrapper" k-show=""> <p class="vmn-helper-text-scroll">Please keep +91 or 0 before dialling the number. &nbsp;&nbsp;&nbsp; Please keep +91 or 0 before dialling the number</p> </div>-->
    <!--</div>-->
    
                  
                        </li>
                        <li>
                            <a href="https://www.blinds-n-curtains.com/mapview/28-5846251/77-0708044"><i class="fas fa-map-marker-alt"></i>New Delhi, India,110077</a>
                        </li>
                    </ul>
                    <!--<div class="mobile-nav__top">-->
                    <!--    <div class="mobile-nav__social">-->
                    <!--        <a href="#"><i class="fab fa-facebook"></i></a>-->
                    <!--        <a href="#"><i class="fab fa-instagram"></i></a>-->
                    <!--        <a href="#"><i class="fab fa-youtube"></i></a>-->
                    <!--        <a href="#"><i class="fab fa-pinterest-p"></i></a>-->
                    <!--        <a href="#"><i class="fab fa-linkedin"></i></a>-->
                    <!--    </div>-->
                        <!-- /.mobile-nav__social -->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </aside>
    <div class="offcanvas-overlay"></div>
    <div class="offcanvas-overlay-white"></div>
    <!-- side toggle end -->
  
  



 <div k-partial="">

  
    <style>
   
.iti--inline-dropdown{
    width: 100%;
}
.contactNumberWrapper .iti--inline-dropdown{
    margin-top: 0;
}
.iti {
display: block !important;
width: 100% !important;
}
.iti__arrow{
    position: absolute;
    right: -0.5rem;
}
.iti__selected-dial-code{
    margin-left: 0 !important;
    font-size:16px;
}
.iti__search-input{
    margin: 0 !important;
}
.iti__tel-input{
    padding-left: 80px !important;
}
.iti__tel-input::placeholder{
    color: #c2c2c2;
}
.iti__selected-country{
    font-size: 14px !important;
}


#contactNumberWhatsApp{
  width: 100%;
    box-sizing: border-box;
    outline: 0;
    font-size: 16px;
    padding-left:120px !important;
         border: none;
        background: #F8F9FC !important;
            border-radius: var(--bs-border-radius) !important;
        &:focus{
          outline: 2px solid var(--primary-color) !important;
          background: transparent !important;
        }
}

.iti__country-container button{
  border:none !important;
  color:#333 !important;
  margin:0px !important;
}
.modal-content.custom{
  overflow: unset !important;
}
.modal-content.custom textarea::placeholder {
    color: #c6c6c6 !important;
}
.floating-button {
    /*background-color: #00B342;*/
    /*transform: rotate(0deg);*/
    /*border-radius: 15px 15px 0 0;*/
    /*position: fixed;*/
    /*bottom: 0;*/
    /*color: #fff;*/
    /*padding: 24px 16px;*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*z-index: 999;*/
    /*text-transform: uppercase;*/
    /*cursor: pointer;*/
    /*gap: 4px;*/
    /*font-size: 14px;*/
    background: linear-gradient(
        120deg,
        #25D366,
        #00B342,
        #128C7E,
        #25D366
    );
    background-size: 300% 300%;
    animation: gradientFlow 6s linear infinite, pulse 2s ease-in-out infinite;

    transform: rotate(0deg);
    border-radius: 15px 15px 0 0;
    position: fixed;
    bottom: 0;
    color: #fff;
    /*padding: 24px 16px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    cursor: pointer;
    gap: 2px;
    font-size: 14px;
}
.floating-button:hover {
    animation-play-state: paused;
    height: 46px;
    width: 180px;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.6); }
    70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}
@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.whatsapp-button{
  right: 10% !important;
}
.callAIAgent a:hover .callAIAgentNumber {
  text-decoration: underline;
}
.callAIAgent a{
display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
}
.callAIAgent{
  background: #000;
  color: #fff;
  right:-8%;
}
   .callAIAgent span{
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
    }
.floating-right {
    right: 0;
}
.wa-icon {
    transform: transform: rotate(14deg);
}
.modal-overlay.custom {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
    z-index: 99999;
}
.whatsapp-modal {
    text-align: center;
}
.modal-content.custom {
    overflow: unset !important;
}

.modal-content.custom {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 550px;
    padding: 20px 30px;
    background-color: #fff;
    opacity: 1;
    max-height: 90%;
    overflow-y: auto;
}
.whatsapp-modal {
    text-align: center;
}
.modal-title-close-wrapper{
  display: flex;
       justify-content: center;
  align-items: center;
}
.modal-title{
      color: #4a4a4a;
    font-weight: 700;
}

.modal-content.custom span.modal-close {
    /*position: absolute;*/
    /*top: 10px;*/
    /*right: 20px;*/
    /*font-weight: 700;*/
    /*font-size: 25px;*/
    /*color: #000;*/
    /*text-shadow: 0 1px 0 #fff;*/
    /*filter: alpha(opacity = 20);*/
    /*opacity: .2;*/
    line-height: 20px;
    cursor: pointer;
}
.modal-content.custom .message {
    padding: 0 0 10px;
    display: block;
}
.modal-content.custom .formgroup {
    margin: 0 0 15px;
    position: relative;
}
.modal-content.custom textarea {
    /*margin: 0;*/
    /*width: 100%;*/
    /*height: auto;*/
    /*background-color: #fff;*/
    /*border: solid .8px #c6c6c6;*/
    /*padding: 7px 10px;*/
        border-radius: var(--bs-border-radius) !important;
    outline: 0;
    color: #4a4a4a;
    resize: none;
    font-size: 16px;
    padding:8px;
      height: 154px;
      width: 100%;
        background: #F8F9FC !important;
        &:focus{
          outline: 2px solid var(--primary-color) !important;
          background: transparent !important;
        }
}
/*.whatsapp-modal input, .whatsapp-modal textarea {*/
/*    background-color: #fff !important;*/
/*    border-radius: 0 !important;*/
/*}*/
.modal-content.custom #start-chat {
     background: var(--primary-color);
    color: white;
    width: 100%;
    height: 60px;
    text-transform: uppercase;
    margin-top: 20px;
    border-radius: 6px;
}
.whatsapp-modal .custom button {
    border-radius: 0;
}
.hide{
  display: none;
}
@media screen and (min-width: 769px) {
    .whatsapp-modal .modal-content .modal-submit {
        width: auto;
    }
}
@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
}
.modal-content.custom input {
    background: #fff;
    border: 1px solid #c6c6c6;
    padding: 12px 10px;
    font-size: 14px;
    width: 100%;
    outline: 0;
    color: #4a4a4a;
}
.whatsapp-modal input, .whatsapp-modal textarea {
    background-color: #fff !important;
    border-radius: 0 !important;
}
@media screen and (max-width: 768px) {
    .iti--fullscreen-popup .iti__dropdown-content{
        max-height: 90% !important;
        position: relative !important;
        top: 16px !important;
    }
    .modal-content.custom input {
        width: 74%;
    }
    
}
@media (min-width: 1024px) {
    .floating-button {
        height: 42px;
        width: 178px;
        /*margin-right: 174px;*/
    }
    .wa-icon {
        height: auto;
        width: 1.6em;
    }
    .agent-icon{
      width: 1.6em;
      height: auto;
    }
}
@media (max-width: 1023px) {
      .floating-button {
        height: 40px;
        width: 178px;
        /*margin-right: -56px;*/
        font-size: 1em;
    }
    
}
@media (max-width: 800px) {
  .floating-button{
    padding: 0;
    background: transparent;
    height: fit-content;
    width: fit-content;
    bottom: 70px;
    right: 12px !important;
    border-radius: 50%;
  }
  .whatsapp-button span{
    display: none;
  }
  .wa-icon {
        height: auto;
        width: 3.4em;
    }
    .agent-icon{
      width: 20px;
    }
    @keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37,211,102,0.2); }
    70% { box-shadow: 0 0 0 18px rgba(37,211,102,0); }
    100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

}

  </style>
  
    <span class="hide" id="whatsapp-number">+918744988788</span>
     <div data-type="general" class="whatsapp-link">
       <div class="floating-button floating-right whatsapp-button">
         <img src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/images/wa-icon.svg?v=116" class="wa-icon" alt="whatsapp icon" loading="eager" fetchpriority="high">
         <span style="font-weight:600;">Chat with us</span>
       
       
       </div>
     </div>
     
  
<div class="modal-overlay whatsapp-modal custom">
  <div class="modal-content whatsapp-modal custom">
    <div class="modal-title-close-wrapper">
    <p class="modal-title fs-5 text-uppercase">Chat with us on WhatsApp</p>

    </div>
    <span class="message"></span>
    <form>
      <input type="hidden" class="source" name="whatsapp-query" value="whatsapp">
      <div class="formgroup">
        <textarea rows="4" placeholder="Your message or enquiry..." name="contact-message"></textarea>
      </div>
        <!--<select name="countrycode" id="countrycode"></select>-->
        <!--<input type="text" placeholder="Your mobile number..." name="contact-email">-->
         
          
          <input id="contactNumberWhatsApp" type="tel" placeholder="Enter your mobile number" onkeypress="return event.charCode &gt;= 48 &amp;&amp; event.charCode &lt;= 57" maxlength="15">

      <div>
        <button class="modal-submit secondary-hover-btn" id="start-chat" type="button">Start Chatting</button>
      </div>
    </form>
  </div>
</div>

</div>


  <!-- Modal -->
<style>
  .model-submitBtn{
            background: var(--primary-color);
    color: white;
    width: 100%;
    height: 60px;
    text-transform: uppercase;
      }
      .model-p{
        font-size: 14px;
        line-height: 24px;
      }
       .model-submitBtn-success{
            background: #25D366;
    color: white;
    width: 100%;
    height: 60px;
    text-transform: uppercase;
      }
      .modal-dialog{
        max-width: 700px;
      }
      #enquiryTextArea{
        height: 154px;
        background: #F8F9FC !important;
        &:focus{
          outline: 2px solid var(--primary-color) !important;
          background: transparent !important;
        }
      }
      .enquiryInput{
        border: none !important;
        height: 60px;
        background: #F8F9FC !important;
        &:focus{
          outline: 2px solid var(--primary-color) !important;
          background: transparent !important;
        }
      }
      .errorField{
        border:2px solid #B53D4D !important;
        outline: none !important;
      }
</style>
<div class="modal fade" id="enquiryModel" aria-hidden="true" k-partial="">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content rounded-0 p-2">
      <div class="modal-body d-flex justify-content-between align-items-center pb-0">
        <h6 class="modal-title fs-5 text-uppercase" id="enquiryModelLabel">Send a message</h6>
        <button type="button" data-bs-dismiss="modal" width="25px" class="bg-transparent" onclick="closeModelHandle()">
          <svg width="12" height="11" viewbox="0 0 12 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.68451 5.33359L11.1548 0.863259C11.3197 0.69837 11.3197 0.441876 11.1548 0.276987C10.9899 0.112098 10.7334 0.112098 10.5686 0.276987L6.09823 4.74731L1.62791 0.276987C1.46302 0.112098 1.20652 0.112098 1.04164 0.276987C0.876746 0.441876 0.876746 0.69837 1.04164 0.863259L5.51196 5.33359L1.04164 9.80391C0.876746 9.9688 0.876746 10.2253 1.04164 10.3902C1.11492 10.4635 1.22485 10.5184 1.33477 10.5184C1.4447 10.5184 1.55462 10.4818 1.62791 10.3902L6.09823 5.91986L10.5686 10.3902C10.6418 10.4635 10.7518 10.5184 10.8617 10.5184C10.9716 10.5184 11.0815 10.4818 11.1548 10.3902C11.3197 10.2253 11.3197 9.9688 11.1548 9.80391L6.68451 5.33359Z" fill="var(--primary-color)" stroke="var(--primary-color)" stroke-width="0.266487"></path>
</svg>

        </button>
      </div>
      <div class="modal-body">
      <div class="" id="formSection">
        <div>
          <textarea class="w-100 p-2" id="enquiryTextArea"></textarea>
        </div>
        <div class="d-flex flex-sm-row flex-column gap-2 mt-2">
          <input placeholder="Your phone number" type="text" class="form-control rounded-0 enquiryInput" id="phoneNumber">
          <input placeholder="Your email address" type="email" class="form-control rounded-0 enquiryInput" id="emailAddress">
        </div>
        <div class="mt-3 pb-2">
          <button class="model-submitBtn fw-semibold border-r-4 secondary-hover-btn" id="enquirySubmitBtn">Submit</button>
          <div class="mt-3 d-none" id="errorMessage">
          <span style="color:#B53D4D;" id="errorText"></span>
        </div>
        </div>
        
      </div>
      
      
      <!--Thank You Screen-->
      
      <div class="d-none" id="successSection">
        <p class="model-p">Thank you for writing to us. One of our executive will reach back to you through your submitted medium. In case there&#x2019;s an urgency, feel free to connect over WhatsApp for faster response.</p>
        <div class="mt-3 pb-2">
          <button class="model-submitBtn-success d-flex align-items-center justify-content-center whatsapp-link border-r-4" style="height:60px;"><span class="d-block">Chat with us on whatsapp</span><img src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/images/wa-icon.svg?v=116" height="25px" class="ms-1"></button>
          <span class="mt-2 d-block" style="font-size:14px; line-height:24px">Prefer calling? Dial +9108048034720 (International callers) or <a href="tel:08048034720">08048034720</a> (Indian callers).</span>
        </div>
      </div>
      <!--Thank You Screen-->
      </div>
      
    </div>
  </div>
</div>

  <style>
  .tab-label{
    text-transform: capitalize;
  }
  .ul-sub-list>a>li{
    padding-left: 32px;
  }
  .menu-navigations>ul>li{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .contact-logo{
    background: var(--primary-color);
    padding: 8px;
    height: 30px;
    border-radius: 20px;
    fill:white;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
  .nav-menu-contact-details{
    padding: 16px;
    background: #c2c2c238;
    border-radius: 8px;
    margin-bottom: 40px;
  }
  .menuIcon{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 14px;
    gap: 8px;
  }
   .active-tab .tab-label {
    color: var(--primary-color);
    font-weight: bold;
  }
  .active-tab .tab-icon i {
    color: var(--primary-color);
  }
  
  .nav-menu-location-container-sm{
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 14px;
    gap: 6px;
  }
  
  .nav-menu-cart-contact-container-sm{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 1rem;
  }
  
  .modal-content{
    border-radius:  var(--bs-border-radius) !important;
  }
  
  #emailAddress{
    border-radius:  var(--bs-border-radius) !important;
  }
  
  #phoneNumber{
    border-radius:  var(--bs-border-radius) !important;
  }
  
  
</style>
<div class="onMobile" k-partial="">
  <div class="nav-menu-bottom">


<a class="nav-links-tab tabhome" href="https://www.blinds-n-curtains.com">
    <div class="tab hometab">
      <div class="tab-icon">
        <i class="far fa-store"></i>
        
      </div>
      <div class="tab-label">
        Home
      </div>
    </div>
</a>
 <a class="nav-links-tab tabproduct" href="https://www.blinds-n-curtains.com/all-shop/1">
    <div class="tab producttab">
      <div class="tab-icon">
     <i class="far fa-tags"></i>

      </div>
      <div class="tab-label">
       shop
      </div>
    </div>
    </a>
    
    

   <a class="nav-links-tab tabquote" href="#" role="button" data-bs-toggle="modal" data-bs-target="#enquiryModel" onclick="sendEnquiryText()">
    <div class="tab quotetab">
      <div class="tab-icon">
     <i class="far fa-comment-alt"></i>

      </div>
      <div class="tab-label">
        Quote
      </div>
    </div>
    </a>
    
       
    
    
    <!--<div class="nav-links-tab tabMenu manuIcon">-->
    <!--<div class="tab menutab">-->
    <!--  <div class="tab-icon">-->
    <!--  <i class="fas fa-bars"></i>-->

    <!--  </div>-->
    <!--  <div class="tab-label">-->
    <!--    Menu-->
    <!--  </div>-->
    <!--</div>-->
    <!--</div>-->
    <div class="nav-links-tab menuIcon">
      <div class="tab-icon">
       <i class="fas fa-bars"></i>

      </div>
      <div class="tab-label">
        Menu
      </div>
    </div>

  </div>
  
     
   <div class="menu-navigations flex-column" id="menu-bar-nav-mobile">
     <div class="pb-5" style="display: flex; justify-content: space-between;">
       <div>
       <a href="https://www.blinds-n-curtains.com">
       <img src="https://fplogoimages.withfloats.com/actual/69de30454145f9cf8a3fe890.png" width="125px" loading="lazy">
       </a>
       </div>
       <!--<div k-show=""   class= "nav-menu-location-container-sm">-->
       <!--  <i class="fas fa-map-marker-alt"></i><span style="width: max-content"></span>-->
       <!-- </div>-->
       
       
       <div style="display: flex;">
         
         
       </div>
     </div>
     <ul class="flex-grow-1 overflow-y-scroll" style="max-height:62%;">
      
       <li onclick="onBrochure(&apos;about&apos;)">
         <span>About</span> <span class="caret"></span>
       </li> 
       <!--</a>-->
        
        <ul class="ul-sub-list about">
           <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/about-us">
          <li>
           About Us
         </li>
         </a>
          
        
         
         
         
           
           <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/testimonials/1">
         <li>
           Testimonials 
         </li>
         </a>
           
          
       </ul>
        
       <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/latest-updates/1">
       <li>
         Updates
       </li>
       </a>
                    <!-- Only Photos -->
<li onclick="onBrochure(&apos;gallery&apos;)">
  <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/image-gallery/1">
    <span>Photo Gallery</span>
  </a>
</li>

<!-- only Videos -->


<!-- both → Dropdown -->



       <!--<li onclick="onBrochure('gallery')">-->
       <!--  <span>Gallery</span>  <span class="caret"></span>-->
       <!--</li>-->
       <!--<ul class="ul-sub-list gallery">-->
       <!-- <a class="ul-menu-navigations" href="">-->
       <!--  <li>-->
       <!--    Photo Gallery-->
       <!--  </li>-->
       <!--  </a>-->
       <!--  <a  class="ul-menu-navigations" href="" k-show="">-->
       <!--  <li>-->
       <!--    Video Gallery-->
       <!--  </li>-->
       <!--  </a>-->
       <!--</ul>-->
       
        
        
       
         
       <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/pages/1">
       <li class="">
         More <span class="sr-only">View all custom pages</span>
       </li>
       </a>
       <a class="ul-menu-navigations" href="https://www.blinds-n-curtains.com/mapview/28-5846251/77-0708044">
       <li class="border-0">
         Contact
       </li>
       </a>
     </ul>
     <div class="nav-menu-contact-details">
       <!--<span class="d-block fw-medium mb-3" style="color:#222;">Contact</span>-->
       <ul class="d-flex flex-column gap-3">
         <a href="mailto:mail@blindsncurtains.com" class="d-flex align-items-center gap-2">
           <div class="contact-logo"><i class="fas fa-envelope"></i></div>
<li class="border-0 mb-0 pb-0 fw-semibold">mail@blindsncurtains.com</li></a>
        <a href="tel:08048034720" class="d-flex align-items-center gap-2">
                     <div class="contact-logo"><i class="fas fa-phone"></i></div>
          <li class="border-0 mb-0 pb-0 fw-semibold">08048034720</li></a>
        <a href="https://www.blinds-n-curtains.com/mapview/28-5846251/77-0708044#map" class="d-flex align-items-center gap-2">
          <div class="contact-logo"><i class="fas fa-map-marker-alt"></i></div>
          <li class="border-0 mb-0 pb-0 fw-semibold">New Delhi, India</li></a>
       </ul>
     </div>
   </div>
   <div class="overlay-menubar"></div>
   
   <div class="home-page" style="display: none">
   
   </div>
   <div class="product-page" style="display: none">
    
   </div>
   <div class="service-page" style="display: none">
    
   </div>
   <div class="contact-page" style="display: none">
    
   </div>
   
</div>




<script defer="">
  // Menu Toggle Handler
  document.querySelector(".menuIcon")?.addEventListener("click", () => {
    const menuBar = document.getElementById("menu-bar-nav-mobile");
    const overlay = document.querySelector(".overlay-menubar");
    const icon = document.querySelector(".menuIcon .tab-icon");
    const label = document.querySelector(".menuIcon .tab-label");

    if (!menuBar || !overlay || !icon || !label) return;

    const isEnabled = menuBar.classList.contains("enable");

    menuBar.classList.toggle("enable");
    overlay.classList.toggle("enable");

    if (isEnabled) {
      icon.innerHTML = `<i class="fas fa-bars"></i>`;
      label.innerText = `Menu`;
      document.querySelector(".body-wrapper").style.overflow = "auto";
    } else {
      icon.innerHTML = `<i class="fas fa-times-circle"></i>`;
      label.innerText = `Close`;
      document.querySelector(".body-wrapper").style.overflow = "hidden";
    }
  });

  // Mobile Tab Highlight Logic (only if screen is < 870px)
  if (window.innerWidth < 870) {
    document.addEventListener("DOMContentLoaded", () => {
      requestIdleCallback(() => {
        const color = "var(--primary-color)";
        const homePage = document.querySelector(".home-page")?.innerText;
        const productPage = document.querySelector(".product-page")?.innerText;
        const servicePage = document.querySelector(".service-page")?.innerText;
        const contactPage = document.querySelector(".contact-page")?.innerText;

        const setIconAndLabel = (iconSelector, labelSelector, iconHTML, labelText) => {
          const iconEl = document.querySelector(`${iconSelector} .tab-icon`);
          const labelEl = document.querySelector(`${labelSelector} .tab-label`);
          if (iconEl && labelEl) {
            iconEl.innerHTML = iconHTML;
            labelEl.innerHTML = `<span style="color:${color}">${labelText}</span>`;
          }
        };

        const href = window.location.href;

        if (homePage + '/' === href) {
          setIconAndLabel(
            ".hometab", ".tabhome",
            `<svg width="24" height="24" ... fill="${color}"/>`,
            "Home"
          );
        } else if (productPage === href) {
          setIconAndLabel(
            ".producttab", ".tabproduct",
            `<svg width="25" height="25" ... fill="${color}"/>`,
            "shop"
          );
        } else if (servicePage === href) {
          setIconAndLabel(
            ".servicetab", ".tabservice",
            `<svg width="25" height="25" ... fill="${color}"/>`,
            "shop"
          );
        } 
        else if (contactPage === href) {
          setIconAndLabel(
            ".quotetab", ".tabquote",
            `<svg width="25" height="25" ... fill="${color}"/>`,
            "Quote"
          );
        }
      });
    });
  }

  // Brochure Toggle Utility
  function onBrochure(page) {
    const el = document.querySelector(`.${page}`);
    if (el) el.classList.toggle("enable");
  }

  // Tab Highlight Script (runs only if .nav-links-tab exists)
  document.addEventListener("DOMContentLoaded", () => {
    if (!document.querySelector(".nav-links-tab")) return;

    requestIdleCallback(() => {
      const currentPath = window.location.pathname.toLowerCase();
      const tabs = document.querySelectorAll(".nav-links-tab");

      const keywordMap = {
        quote: ["contact", "mapview"],
        about: ["team", "customers", "projects", "faq", "doctor"],
        gallery: ["gallery", "videos"],
        brochure: ["brochures"],
        more: ["custom-page"],
        "latest news": ["news", "latest-updates"],
      };

      const productLabel = document.querySelector(".tabproduct .tab-label")?.textContent.trim().toLowerCase();
      if (productLabel) {
        keywordMap[productLabel] = [
          `all-${productLabel}`, `${productLabel}/category`, `${productLabel}/tag`, `/${productLabel}/`, "services-2"
        ];
      }

      const serviceLabel = document.querySelector(".tabservice .tab-label")?.textContent.trim().toLowerCase();
      if (serviceLabel) {
        keywordMap[serviceLabel] = [
          `all/${serviceLabel}`, `category`, `tag`, `/${serviceLabel}/`, "services"
        ];
      }

      let isMatched = false;

      const highlightTab = (tab) => {
        const icon = tab.querySelector(".tab-icon i");
        const label = tab.querySelector(".tab-label");
        if (icon?.classList.contains("far")) {
          icon.classList.replace("far", "fas");
        }
        if (label) {
          label.style.color = "var(--primary-color)";
          label.style.fontWeight = "600";
        }
        if (icon) {
          icon.style.color = "var(--primary-color)";
        }
      };

      tabs.forEach((tab) => {
        const href = tab.getAttribute("href")?.toLowerCase();
        const labelText = tab.querySelector(".tab-label")?.textContent.trim().toLowerCase();

       if(labelText.toLowerCase() != 'message' && labelText.toLowerCase() != 'contact' && labelText.toLowerCase() != 'quote'){
          if (href && currentPath === new URL(href, window.location.origin).pathname.toLowerCase()) {
          highlightTab(tab);
          isMatched = true;
          return;
        }

        for (const [section, keywords] of Object.entries(keywordMap)) {
          if (labelText === section && keywords.some((k) => currentPath.includes(k))) {
            highlightTab(tab);
            isMatched = true;
            return;
          }
        }
       }
      });
    });
  });
</script>









  
    
    
  
  
  

  <script defer="">
  document.addEventListener('DOMContentLoaded', function () {
    const form = document.querySelector('.search__form form');
    const input = document.querySelector('.search-input-field');

    if (!form || !input) return;

    form.addEventListener('submit', function (e) {
      e.preventDefault();
      const query = input.value.trim();
      if (query) {
        const safeQuery = encodeURIComponent(query.replace(/\s+/g, '-'));
        window.location.href = `https://www.blinds-n-curtains.com/shop/search/${safeQuery}/1`;
      } else {
        console.log('Please enter something to search');
      }
    });
  });
</script>

</div></div>
           <!--<div k-show=""></div>-->
         
         
         
                  <!--<div k-show=""></div>-->
           <!--<div ></div>-->
           
    
         
        
							  
							  <p id="gstin" style="display:none;">07AEFPT9466A1Z9</p>
							   <p id="gstslab" style="display:none;">18</p>
							  
							  
							  
							  
          
                      	
                      	<span style="display:none" id="delivery"></span>
                              
                        
                              
                              <!--<span id="businessContactInfo" style="display:none;">,</span>-->
                              <script>
                                window.countryCodeFromUI='91';
                                window.businessContactsFromUI=[
  {
    "isarchived": false,
    "websiteid": "69d62e0feb58201de8246515",
    "_kid": "6a009bcace6de3109b583bb6",
    "createdon": "2026-05-10T14:52:58.049Z",
    "updatedon": "2026-05-10T14:52:58.049Z",
    "_parentClassName": "business",
    "_parentClassId": "69d62e14ee7201fd096cea7b",
    "_propertyName": "contacts",
    "contacttype": "VMN",
    "contactnumber": "08048034720"
  }
];
                              </script>
                               
</div>


    <div class="page-banner-wrap bg-cover">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-12">
                    <div class="page-heading text-white">
                        <h1 class="text-capitalize"></h1>
                    </div>
                    <div class="breadcrumb-wrap">
                        <nav>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="https://www.blinds-n-curtains.com">Home</a></li>
                                <li class="breadcrumb-item"><a href="https://www.blinds-n-curtains.com/all-projects/1">All Projects</a></li>
                                <li class="breadcrumb-item active text-capitalize" aria-current="page"></li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="breadcrumb_mob_placeholder"></div>
   <div class="container my-4">
        <div class="header mb-3">
            <h6 class="customer-name"></h6>
            <h2 class="project-title"></h2>
        </div>

        <div class="img-container gallery-container">
            <div style="width:100%;"></div>
            <div class="side-img-container">
                
                
            </div>
        </div>

        <div class="main-content">
            <!-- Left Section -->
            <div class="left-section">
                <div class="info-group">
                    <div class="info-block">
                        <h6>Customer:</h6>
                        <p></p>
                    </div>
                    <div class="info-block">
                        <h6>Project Category:</h6>
                        <p></p>
                    </div>
                    <div class="info-block">
                        <h6>Customer Requirement:</h6>
                        <p></p>
                    </div>
                    <div class="info-block">
                        <h6>Project Result:</h6>
                        <p></p>
                    </div>
                    <div class="info-block">
                        <h6>What we did:</h6>
                        <p></p>
                    </div>
                </div>

                <div class="info-block">
                    <h5>Project Description</h5>
                    <p>
                        
                    </p>
                </div>

                <!--<div class="info-block">-->
                <!--    <h6>Keywords</h6>-->
                <!--    <div class="keywords-container">-->
                <!--        <span class="keyword">Operating System</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--        <span class="keyword">android & iOS</span>-->
                <!--    </div>-->
                <!--</div>-->
            </div>

            <!-- Right Section -->
            <div class="right-section">
                <div class="info-block">
                    <h6>Project Budget:</h6>
                    <p></p>
                </div>

                <div class="info-block">
                    <h6>Completion Date:</h6>
                    <p class="theme-upload-Date"></p>
                </div>

                <div class="divider"></div>

               <div class="service-details-sidebar">
    <div class="single-service-sidebar site_info_widget">
                            <div class="sidebar-title">
                                <h4>Contact Us</h4>
                            </div>
                            <div class="contact-us">
                                <div class="single-contact-info">
                                    <div class="icon">
                                        <i class="fas fa-phone"></i>
                                    </div>
                                    <div class="contact-info">
                                        <span>Phone Number</span>
                                       <a href="tel:+918048034720">+918048034720</a>
                                    </div>
                                </div>
                                <div class="single-contact-info">
                                    <div class="icon">
                                        <i class="fas fa-envelope"></i>
                                    </div>
                                    <div class="contact-info">
                                        <span>Email Address</span>
                                        <a href="mailto:mail@blindsncurtains.com">mail@blindsncurtains.com</a>
                                    </div>
                                </div>
                                <div class="single-contact-info">
                                    <div class="icon">
                                        <i class="fas fa-map-marker-alt"></i>
                                    </div>
                                    <div class="contact-info">
                                        <span>Office Address</span>
                                        <a href="#">D-437, Ramphal Chowk, Sec 7, Dwarka, Block D, Palam Extension, New Delhi, Delhi</a>
                                        <p>New Delhi, India,110077</p>
                                    </div>
                                </div>
                            </div>
                            <button class="theme-btn rounded wow fadeInUp2 border-r-4 secondary-hover-btn project-enquiry-btn" data-bs-toggle="modal" data-bs-target="#enquiryModel" onclick="sendEnquiryText(&apos;&apos;,true,&apos;Blinds N Curtains&apos;)">Send Enquiry</button>
                        </div>
  </div>
            </div>
        </div>
        
        <div class="mt-5">
  <div class="d-flex justify-content-between align-items-center">
    <h2 class="wow fadeInUp2" data-wow-delay="0.3s">Other Projects</h2>
    <a href="https://www.blinds-n-curtains.com/all-projects/1" class="view-all-detail-btn">VIEW ALL+</a>
  </div>
  
     
  
</div>
    </div>
    <div id="lightboxModal" class="lightbox-modal">
            <span class="close-btn" onclick="closeLightbox()">&#xd7;</span>
            <button class="arrow-btn prev-btn" onclick="prevImage()">&#x2190;</button>
            <img id="lightboxImage" class="lightbox-image" src="" alt="">
            <button class="arrow-btn next-btn" onclick="nextImage()">&#x2192;</button>
        </div>
     
<div k-partial="">
  
  
    <!--<div k-show=""></div>-->
  
  
  
  <div><style>
footer{
  border-top:1px solid #dee2e6;
}
  footer .row{
    justify-content: space-between;
    flex-direction: row;
  }
  footer .row>*{
  width: max-content;

  }
  .btn{
    background-color: var(--primary-color);
    height: 50px;
  }
  .btn:hover{
    background-color: var(--secondary-color);
  }
  footer .span-capitalize a span{
    text-transform: capitalize;
  }
   footer a span {
  position: relative;
  display: inline-block;
  padding-bottom: 2px;
  max-width: calc(100% - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
  
}

footer a span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 0%;
  background-color: var(--primary-color); /* or any color you prefer */
  transition: width 0.3s ease;
}

footer a:hover span::after {
  width: 100%;
}
.link-wrapper a{
  font-weight: 400 !important;
}
.footer-row-new{
  width:33% !important;
}

#scrollUp{
  left: 40px;
}
#hyperlink{
  font-size: 14px;
}
.lowercase-except-first {
  text-transform: lowercase;
}

.lowercase-except-first::first-letter {
  text-transform: capitalize;
}
.footer-logo{
  justify-content: space-between;
}
.footer-img-cont{
  width: 33%;
}
.subscribe-widget{
  width: 56%;
}
.subscribe-widget .input-group input{
  border-radius: 0px !important;
}
.subscribe-btn-foot{
  width: 383px;
  
}
.subscribe-btn-foot .btn{
  height: 45px;
  border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
}

.search__logo__default{
  max-height: 150px;
   max-width: 150px;
}
.social-media-wrapper .link-primary svg path:hover{
  fill:var(--primary-color) !important;
}

.footer-logo-wrapper img{
  max-width: 280px;
    object-fit: contain;
}

.custom-tooltip {
    position: relative;
    cursor: pointer;
}

.custom-tooltip::after {
    content: attr(data-tooltip);
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: #000; /* Black background */
    color: #fff; /* White text */
    padding: 8px 12px;
    border-radius: 6px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease-in-out;
    z-index: 1000;
}

.custom-tooltip:hover::after {
    opacity: 1;
}
footer .vmn-helper-text{
  color: #4a4a4a !important;
  font-size: 12px;
}
#subscribe-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  background-color: var(--primary-color);
}
#email-newsletter::placeholder{
      color: #b6bcc3;
      font-size: 14px;
}

@media screen and (max-width:1300px){
  .subscribe-widget{
  width: 58%;
}
}
@media screen and (max-width:1024px){
  .subscribe-widget{
  width: 60%;
}
}
@media screen and (max-width:780px){
  .footer-logo{
    flex-direction: column;
    align-items: flex-start !important;
  }
   .subscribe-widget{
  width: 100%;
}
}
  @media (max-width: 580px) {
    .footer-logo{
      flex-direction: column;
      align-items: flex-start;
      gap:16px;
    }
    #scrollUp{
  left: 20px;
  z-index: 997 !important;
}
footer{
  padding: 1rem 0 4rem;
}
.mobile-footer-copyright{
  justify-content: center !important;
}
.subscribe-widget{
  width: 100%;
}
.subscribe-widget .main-forms-sec{
  flex-direction: column;
  gap: 12px;
}
.subscribe-btn-foot{
  width: 100%;
  
}
.subscribe-btn-foot .btn{
  border-radius: 4px !important;
}
  }
  
  @media (max-width: 480px){
      .footer-logo-wrapper img {
        max-width: 240px;
      }
    }
    
   /*.link-wrapper{*/
   /*   max-width: 24ch;*/
   /* }*/
    
    .link-wrapper ul{
      max-width: 100%;
    }
    
    .link-wrapper ul li{
      max-width: 100%;
    }
    
     @media (max-width: 480px){
       .link-wrapper{
         max-width: 100%;
       }
       footer a span{
         max-width: none !important;
       }
       .footer-email{
         white-space: nowrap;
       }
       
     }
  
  .overflow-text{
    overflow: visible;
  }
  .address-span{
      text-overflow: initial !important;
    white-space: normal !important;
    margin-top: -4px;
}
.external-address{
  display: flex;
  gap:4px;
}
 @media (max-width: 1024px){
     .footer-row-new{
  width: max-content !important;
}
    }
</style>
<footer class="pt-3 pt-md-4 pt-xl-5 site-footer" k-partial="">
<p id="productCategoryVerbName" class="d-none">shop</p>
  <!-- Logo & SM - Bootstrap Brain Component -->
  <div>
    <div class="container">
      <div class="d-flex gy-3 footer-logo">
        <div class="footer-img-cont">
          <div class="footer-logo-wrapper text-start">
            <a href="https://www.blinds-n-curtains.com">
              <img src="https://fplogoimages.withfloats.com/actual/69de30454145f9cf8a3fe890.png" alt="Blinds N Curtains Logo" height="85" loading="lazy">
            </a>
            
          </div>
        </div>
<!--        <div class="col-12 col-sm-7 col-md-8 col-lg-9">-->
<!--          <div class="social-media-wrapper">-->
<!--            <ul class="m-0 list-unstyled d-flex justify-content-start gap-4">-->
<!--              <li>-->
<!--                <a title="Check our google store" href="#!" class="link-opacity-75-hover link-primary">-->
<!--                  <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48">-->
<!--<path fill="#2196f3" d="M8,38c0,1.657,1.343,3,3,3h13.975L8,24.025V38z"></path><path fill="#1e88e5" d="M8,16v8.025L24.975,41H38c1.657,0,3-1.343,3-3V16H8z"></path><path fill="#81acea" d="M14.75,19.12c0,2.7-2.18,4.88-4.88,4.88C7.18,24,5,21.82,5,19.12V19h9.74 C14.75,19.04,14.75,19.08,14.75,19.12z"></path><path fill="#3f51b5" d="M24.5,19v0.12c0,2.7-2.18,4.88-4.88,4.88c-2.69,0-4.87-2.18-4.87-4.88c0-0.04,0-0.08,0.01-0.12H24.5 z"></path><path fill="#81acea" d="M34.25,19.12c0,2.7-2.18,4.88-4.88,4.88c-2.69,0-4.87-2.18-4.87-4.88V19h9.74 C34.25,19.04,34.25,19.08,34.25,19.12z"></path><path fill="#3f51b5" d="M44,19v0.12c0,2.7-2.18,4.88-4.88,4.88c-2.69,0-4.87-2.18-4.87-4.88c0-0.04,0-0.08,0.01-0.12H44z"></path><path fill="#82b1ff" d="M9.562,7c-0.918,0-1.718,0.625-1.94,1.516L5.01,18.98C5,18.99,5,18.99,5,19h9.766l1.5-12H9.562z"></path><polygon fill="#5c6bc0" points="16.266,7 14.766,19 24.5,19 24.5,7"></polygon><path fill="#5c6bc0" d="M44,19c0-0.01,0-0.01-0.01-0.02L41.378,8.516C41.156,7.625,40.356,7,39.438,7h-6.703l1.5,12H44z"></path><polygon fill="#82b1ff" points="32.735,7 24.5,7 24.5,19 34.235,19"></polygon><path fill="#ededed" d="M33.649,38.299c-2.563,0-4.649-2.086-4.649-4.649S31.086,29,33.649,29 c1.072,0,2.119,0.374,2.947,1.054l-1.269,1.547C34.85,31.207,34.269,31,33.649,31C32.188,31,31,32.188,31,33.649 s1.188,2.649,2.649,2.649c1.107,0,2.058-0.683,2.453-1.649h-2.1v-2h4.296v1C38.298,36.213,36.213,38.299,33.649,38.299z"></path>-->
<!--</svg>-->
<!--                </a>-->
<!--              </li>-->
<!--              <li>-->
<!--                <a href="#!" title="Follow our facebook page" class="link-opacity-75-hover link-primary">-->
<!--                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#0866FF" class="bi bi-facebook" viewBox="0 0 16 16">-->
<!--                    <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />-->
<!--                  </svg>-->
<!--                </a>-->
<!--              </li>-->
<!--              <li>-->
<!--                <a href="#!" class="link-opacity-75-hover link-primary" title="Follow our X handle">-->
<!--                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#000000" class="bi bi-twitter-x" viewBox="0 0 16 16">-->
<!--                    <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />-->
<!--                  </svg>-->
<!--                </a>-->
<!--              </li>-->
             
<!--              <li>-->
<!--                <a href="#!" class="link-opacity-75-hover link-primary" title="Follow our instagram profile">-->
<!--                  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="#FF0069" class="bi bi-instagram" viewBox="0 0 16 16">-->
<!--                    <path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334" />-->
<!--                  </svg>-->
<!--                </a>-->
<!--              </li>-->
<!--            </ul>-->
<!--          </div>-->
<!--        </div>-->
<div class="widget subscribe-widget">
            <h4 class="widget-title mb-3 lowercase-except-first">Subscribe to Our Newsletter</h4>
           
            <form action="#!" id="subscription-form">
              <div class="d-flex main-forms-sec">
                <div style="width:100%;">
                  <div class="input-group" style="height: 45px;">
                    <span class="input-group-text" id="email-newsletter-addon">
                      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewbox="0 0 16 16">
                        <path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"></path>
                      </svg>
                    </span>
                    <input type="email" class="form-control" id="email-newsletter" value="" placeholder="Email Address" aria-label="email-newsletter" aria-describedby="email-newsletter-addon" style="height: 100%;" required="">
                  </div>
                </div>
                <div class="subscribe-btn-foot">
                  <div class="d-grid mb-3 mb-lg-0">
                    <button class="btn btn-primary" type="submit" disabled="" id="subscribe-btn" style="theme-btn-capital;font-weight:600;font-size:14px;text-transform: uppercase;">Subscribe</button>
                  </div>
                </div>
              </div>
            </form>
          </div>
      </div>
    </div>
  </div>

  <!-- Widgets - Bootstrap Brain Component -->
  <section class="py-4 py-md-5 py-xl-6">
    <div class="container">
      <div class="row gy-3">
        <div class="col-12 col-lg-7 col-xl-6 footer-row-new">
          <div class="widget">
            <h5 class="widget-title mb-3">
      <!--        <a href="tel:"><i class="fas fa-phone" -->
      <!--style="transform: rotate(105deg);"></i> <span></span></a>-->
             
                    <div class=" footer-contact-helper-text">
                    <a class="" id="footerContactNumbers"> 08048034720</a>
                    <div class="vmn-helper-wrapper"> <p class="vmn-helper-text" style="opacity: 0.8;">Please keep 0 before dialling the number.</p> </div>
    </div>
    
    
           
      </h5>
    <h5 class="widget-title mb-3"><a href="mailto:mail@blindsncurtains.com" class="text-lowercase footer-email"><i class="fas fa-envelope"></i>&#xa0; <span>mail@blindsncurtains.com</span></a>
    </h5>
    
    <h5 class="widget-title mb-3"><a href="http://blindsncurtains.com" target="_blank" class="external-link"><i class="fas fa-globe"></i>&#xa0; <span>Our other website</span></a></h5>

    <h5 class="widget-title mb-3"><a href="https://www.blinds-n-curtains.com/mapview/28-5846251/77-0708044" class="external-link external-address"><i class="fas fa-map-marker-alt"></i>&#xa0; <span class="address-span">D-437, Ramphal Chowk, Sec 7, Dwarka, Block D, Palam Extension, New Delhi, Delhi<ui-inline>, 110077</ui-inline></span></a></h5>
    
    
  
    <!--<h4 class="widget-title mb-3" k-show=""><i class="fab fa-facebook"></i> &nbsp;Follow us on Facebook</h4>-->
    <!--<div class="fb_widget_container" k-show=""  style="width:100%; max-width: 295px" >-->
				<!--		<div class="fb-page" data-href="https://www.facebook.com/" data-width="295"-->
				<!--		    data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">-->
				<!--			<blockquote cite="https://www.facebook.com/" class="fb-xfbml-parse-ignore">-->
				<!--			<a class="transliterate" href="https://www.facebook.com/"></a>-->
				<!--			</blockquote>-->
				<!--		</div>-->
				<!--	</div>-->
					
					
					<h5 class="widget-title mt-3 mb-3">Follow us on more</h5>
					<div class="social-media-wrapper">
            <ul class="m-0 list-unstyled d-flex justify-content-start gap-4">
               <li>
                <a href="https://www.instagram.com/blinds.n.curtains/" class="link-opacity-75-hover link-primary" title="Follow our instagram profile" target="_blank">
                  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewbox="0 0 42 42" fill="none">
<g clip-path="url(#clip0_877_237)">
<path d="M26.25 21C26.25 22.0384 25.9421 23.0534 25.3652 23.9167C24.7883 24.7801 23.9684 25.453 23.0091 25.8504C22.0498 26.2477 20.9942 26.3517 19.9758 26.1491C18.9574 25.9466 18.0219 25.4465 17.2877 24.7123C16.5535 23.9781 16.0534 23.0426 15.8509 22.0242C15.6483 21.0058 15.7523 19.9502 16.1496 18.9909C16.547 18.0316 17.2199 17.2117 18.0833 16.6348C18.9466 16.0579 19.9616 15.75 21 15.75C22.3924 15.75 23.7277 16.3031 24.7123 17.2877C25.6969 18.2723 26.25 19.6076 26.25 21ZM38.0625 13.125V28.875C38.0599 31.3109 37.0911 33.6462 35.3687 35.3687C33.6462 37.0911 31.3109 38.0599 28.875 38.0625H13.125C10.6891 38.0599 8.35376 37.0911 6.63133 35.3687C4.90891 33.6462 3.94011 31.3109 3.9375 28.875V13.125C3.94011 10.6891 4.90891 8.35376 6.63133 6.63133C8.35376 4.90891 10.6891 3.94011 13.125 3.9375H28.875C31.3109 3.94011 33.6462 4.90891 35.3687 6.63133C37.0911 8.35376 38.0599 10.6891 38.0625 13.125ZM28.875 21C28.875 19.4425 28.4131 17.9199 27.5478 16.6249C26.6825 15.3298 25.4526 14.3205 24.0136 13.7244C22.5747 13.1284 20.9913 12.9725 19.4637 13.2763C17.9361 13.5802 16.5329 14.3302 15.4315 15.4315C14.3302 16.5329 13.5802 17.9361 13.2763 19.4637C12.9725 20.9913 13.1284 22.5747 13.7244 24.0136C14.3205 25.4526 15.3298 26.6825 16.6249 27.5478C17.9199 28.4131 19.4425 28.875 21 28.875C23.0879 28.8728 25.0897 28.0424 26.5661 26.5661C28.0424 25.0897 28.8728 23.0879 28.875 21ZM32.8125 11.1562C32.8125 10.7669 32.697 10.3862 32.4807 10.0625C32.2644 9.73871 31.9569 9.48637 31.5972 9.33736C31.2374 9.18835 30.8416 9.14936 30.4597 9.22533C30.0778 9.30129 29.727 9.4888 29.4516 9.76413C29.1763 10.0395 28.9888 10.3903 28.9128 10.7722C28.8369 11.1541 28.8759 11.5499 29.0249 11.9097C29.1739 12.2694 29.4262 12.5769 29.75 12.7932C30.0737 13.0095 30.4544 13.125 30.8438 13.125C31.3659 13.125 31.8667 12.9176 32.2359 12.5484C32.6051 12.1792 32.8125 11.6784 32.8125 11.1562Z" fill="#4A4A4A"></path>
</g>
<defs>
<clippath id="clip0_877_237">
<rect width="42" height="42" fill="white"></rect>
</clippath>
</defs>
</svg>
                </a>
              </li>
<!--              <li>-->
<!--                <a title="Check our google store" href="#!" class="link-opacity-75-hover link-primary">-->
<!--                  <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewBox="0 0 43 42" fill="none">-->
<!--  <g clip-path="url(#clip0_877_234)">-->
<!--    <path d="M21.75 3.9375C18.3754 3.9375 15.0765 4.9382 12.2706 6.81305C9.46468 8.6879 7.27773 11.3527 5.98631 14.4705C4.69489 17.5882 4.357 21.0189 5.01536 24.3287C5.67372 27.6385 7.29876 30.6788 9.685 33.065C12.0712 35.4512 15.1115 37.0763 18.4213 37.7346C21.7311 38.393 25.1618 38.0551 28.2795 36.7637C31.3973 35.4723 34.0621 33.2853 35.937 30.4794C37.8118 27.6735 38.8125 24.3746 38.8125 21C38.8125 16.4747 37.0149 12.1348 33.815 8.93499C30.6152 5.73515 26.2753 3.9375 21.75 3.9375ZM21.75 34.125C19.6226 34.1248 17.5271 33.6074 15.644 32.6175C13.7609 31.6275 12.1467 30.1946 10.9404 28.4423C9.73403 26.6899 8.97176 24.6705 8.7192 22.5581C8.46664 20.4457 8.73135 18.3036 9.49055 16.3162C10.2497 14.3289 11.4807 12.5558 13.0773 11.1498C14.6739 9.74385 16.5884 8.74704 18.6558 8.24528C20.7232 7.74351 22.8816 7.75182 24.9451 8.2695C27.0086 8.78718 28.9154 9.7987 30.5011 11.217C30.7541 11.4508 30.905 11.7747 30.9213 12.1188C30.9376 12.4628 30.818 12.7996 30.5882 13.0562C30.3585 13.3129 30.037 13.469 29.6932 13.4907C29.3494 13.5125 29.0108 13.3982 28.7506 13.1726C27.0007 11.6074 24.7768 10.6739 22.4341 10.521C20.0914 10.3682 17.765 11.0049 15.8267 12.3294C13.8883 13.6539 12.4497 15.5898 11.7407 17.8279C11.0317 20.066 11.0933 22.4771 11.9155 24.6761C12.7377 26.8751 14.2731 28.7351 16.2766 29.959C18.28 31.1829 20.6358 31.7001 22.9676 31.428C25.2995 31.1558 27.4729 30.1101 29.1406 28.4577C30.8084 26.8053 31.8742 24.6417 32.168 22.3125H21.75C21.4019 22.3125 21.0681 22.1742 20.8219 21.9281C20.5758 21.6819 20.4375 21.3481 20.4375 21C20.4375 20.6519 20.5758 20.3181 20.8219 20.0719C21.0681 19.8258 21.4019 19.6875 21.75 19.6875H33.5625C33.9106 19.6875 34.2444 19.8258 34.4906 20.0719C34.7367 20.3181 34.875 20.6519 34.875 21C34.8711 24.4798 33.487 27.8159 31.0265 30.2765C28.5659 32.737 25.2298 34.1211 21.75 34.125Z" fill="#4A4A4A"/>-->
<!--  </g>-->
<!--  <defs>-->
<!--    <clipPath id="clip0_877_234">-->
<!--      <rect width="42" height="42" fill="white" transform="translate(0.75)"/>-->
<!--    </clipPath>-->
<!--  </defs>-->
<!--</svg>-->
<!--                </a>-->
<!--              </li>-->
                <li>
                <a href="https://twitter.com/blindsncurtain" class="link-opacity-75-hover link-primary" title="Follow our X handle" target="_blank">
                 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewbox="0 0 43 42" fill="none">
  <g clip-path="url(#clip0_877_231)">
    <path d="M35.7741 36.0691C35.6611 36.275 35.4949 36.4467 35.2929 36.5665C35.0909 36.6863 34.8605 36.7496 34.6256 36.75H26.7506C26.5297 36.7499 26.3124 36.6941 26.1189 36.5877C25.9253 36.4813 25.7617 36.3278 25.6432 36.1413L19.0003 25.702L9.34689 36.3202C9.11156 36.5729 8.78608 36.7228 8.44101 36.7372C8.09594 36.7516 7.75909 36.6295 7.5035 36.3972C7.24791 36.1649 7.09417 35.8412 7.07562 35.4964C7.05706 35.1515 7.17519 34.8132 7.40439 34.5548L17.5385 23.3986L7.26822 7.26797C7.14173 7.06952 7.07092 6.84072 7.06321 6.60552C7.05549 6.37032 7.11116 6.13736 7.22437 5.93106C7.33759 5.72475 7.50419 5.55268 7.70673 5.43286C7.90928 5.31304 8.14031 5.24989 8.37564 5.25H16.2506C16.4715 5.25007 16.6888 5.30589 16.8824 5.41229C17.076 5.51869 17.2396 5.67222 17.3581 5.85867L24.001 16.298L33.6544 5.67984C33.8897 5.42705 34.2152 5.27721 34.5603 5.26279C34.9053 5.24837 35.2422 5.37055 35.4978 5.60283C35.7534 5.8351 35.9071 6.15877 35.9257 6.50364C35.9442 6.84851 35.8261 7.1868 35.5969 7.44516L25.4627 18.5932L35.7331 34.7337C35.8588 34.9322 35.929 35.1609 35.9362 35.3958C35.9434 35.6307 35.8874 35.8633 35.7741 36.0691Z" fill="#4A4A4A"></path>
  </g>
  <defs>
    <clippath id="clip0_877_231">
      <rect width="42" height="42" fill="white" transform="translate(0.5)"></rect>
    </clippath>
  </defs>
</svg>
                </a>
              </li>
              <li>
                <a href="https://www.facebook.com/137398536272662/" title="Follow our facebook page" class="link-opacity-75-hover link-primary" target="_blank">
                 <svg xmlns="http://www.w3.org/2000/svg" width="26" height="25" viewbox="0 0 42 42" fill="none">
  <g clip-path="url(#clip0_877_225)">
    <path d="M38.0624 21C38.0571 25.1701 36.527 29.1944 33.7605 32.3148C30.994 35.4352 27.182 37.4362 23.0425 37.9411C22.9503 37.9515 22.857 37.9423 22.7686 37.914C22.6803 37.8857 22.5989 37.8391 22.53 37.7771C22.461 37.715 22.4059 37.6391 22.3684 37.5543C22.3309 37.4694 22.3118 37.3776 22.3124 37.2848V24.9375H26.2499C26.4299 24.9379 26.6079 24.9013 26.7731 24.83C26.9383 24.7586 27.0871 24.6541 27.2102 24.5229C27.3332 24.3916 27.428 24.2365 27.4886 24.0671C27.5492 23.8976 27.5743 23.7176 27.5624 23.538C27.5334 23.2005 27.3777 22.8865 27.1266 22.6592C26.8755 22.4318 26.5476 22.3079 26.2089 22.3125H22.3124V18.375C22.3124 17.6788 22.589 17.0111 23.0813 16.5188C23.5736 16.0266 24.2412 15.75 24.9374 15.75H27.5624C27.7424 15.7504 27.9204 15.7138 28.0856 15.6425C28.2508 15.5711 28.3996 15.4666 28.5227 15.3354C28.6457 15.2041 28.7405 15.049 28.8011 14.8795C28.8617 14.7101 28.8868 14.5301 28.8749 14.3505C28.8459 14.0125 28.6897 13.698 28.4379 13.4705C28.1861 13.2431 27.8574 13.1196 27.5181 13.125H24.9374C23.545 13.125 22.2097 13.6781 21.2251 14.6627C20.2405 15.6472 19.6874 16.9826 19.6874 18.375V22.3125H15.7499C15.57 22.3121 15.3919 22.3487 15.2267 22.42C15.0615 22.4914 14.9128 22.5959 14.7897 22.7271C14.6666 22.8584 14.5718 23.0135 14.5112 23.1829C14.4506 23.3523 14.4255 23.5324 14.4374 23.7119C14.4665 24.05 14.6226 24.3645 14.8744 24.592C15.1262 24.8194 15.4549 24.9429 15.7942 24.9375H19.6874V37.2881C19.688 37.3807 19.6689 37.4724 19.6315 37.5571C19.5941 37.6418 19.5392 37.7177 19.4704 37.7797C19.4016 37.8416 19.3205 37.8884 19.2323 37.9168C19.1442 37.9451 19.051 37.9546 18.959 37.9444C14.7087 37.4268 10.8076 35.3323 8.02795 32.0756C5.24826 28.8189 3.79253 24.6373 3.94891 20.3585C4.27703 11.4991 11.4531 4.29679 20.3191 3.95225C22.6144 3.86334 24.9042 4.2383 27.0513 5.0547C29.1984 5.87109 31.1589 7.11216 32.8153 8.70366C34.4717 10.2952 35.7902 12.2044 36.6918 14.3172C37.5933 16.43 38.0595 18.7029 38.0624 21Z" fill="#4A4A4A"></path>
  </g>
  <defs>
    <clippath id="clip0_877_225">
      <rect width="42" height="42" fill="white"></rect>
    </clippath>
  </defs>
</svg>
                </a>
              </li>
            
             
             
            </ul>
          </div>
					
					
					<div class="fb_widget_container" style="width:100%; max-width: 295px; padding-top: 20px;">
						<div class="fb-page" data-href="https://www.facebook.com/blindsncurtains" data-width="295" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false">
							<blockquote cite="https://www.facebook.com/blindsncurtains" class="fb-xfbml-parse-ignore">
							<a class="transliterate" href="https://www.facebook.com/blindsncurtains">Blinds N Curtains</a>
							</blockquote>
						</div>
					</div>
           
          </div>
          
        </div>
        <!--https://api2.withfloats.com/product/v2/serviceCategories?clientId=A91B82DE3E93446A8141A52F288F69EFA1B09B1D13BB4E55BE743AB547B3489E&fpId={0}&limit=10-->
        
        <div class="col-6 col-lg-3 col-xl-4">
          <div class="link-wrapper span-capitalize">
            <h4 class="widget-title mb-3 lowercase-except-first">Top shop categories</h4>
            <ul class="m-0 list-unstyled">
              <li class="mb-3">
                <a href="https://www.blinds-n-curtains.com/shop/category/sheers/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-folder-open"></i>&#xa0;
                  <span>sheers</span>
                </a>
              </li>
             
            </ul>
          </div>
        </div>
        
        
        
        
         
        <div class="col-6 col-lg-2 col-xl-2">
          <div class="link-wrapper span-capitalize">
            <h4 class="widget-title mb-3">Recently updated shop</h4>
            <ul class="m-0 list-unstyled">
              <li class="mb-3">
                <a rel="nofollow" href="https://www.blinds-n-curtains.com/shop/tag/d-decor/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-search"></i> &#xa0;<span>d'decor</span></a>
              </li>
            
              <li class="mb-3">
                <a rel="nofollow" href="https://www.blinds-n-curtains.com/shop/tag/sheers/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-search"></i> &#xa0;<span>sheers</span></a>
              </li>
            
              <li class="mb-3">
                <a rel="nofollow" href="https://www.blinds-n-curtains.com/shop/tag/seamless-sheers/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-search"></i> &#xa0;<span>seamless sheers</span></a>
              </li>
            
              <li class="mb-3">
                <a rel="nofollow" href="https://www.blinds-n-curtains.com/shop/tag/sheer-curtains/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-search"></i> &#xa0;<span>sheer curtains</span></a>
              </li>
            
              <li class="mb-3">
                <a rel="nofollow" href="https://www.blinds-n-curtains.com/shop/tag/ddecor-sheers/1" class="link-dark text-decoration-none link-opacity-75-hover">
                  <i class="far fa-search"></i> &#xa0;<span>ddecor sheers</span></a>
              </li>
            </ul>
          </div>
        </div>
        
        
      </div>
    </div>
  </section>

  <!-- Copyright - Bootstrap Brain Component -->
  <div class="py-3 py-md-4 py-xl-5 bg-light">
    <div class="container">
      <div class="row g-3 align-items-center mobile-footer-copyright">
        <div class="col-12 col-lg-6 order-1 order-lg-0">
           <p id="hyperlink">&#xa9;2025. All Rights Reserved.</p>
         
        </div>
        <div class="col-12 col-lg-6 order-0 order-lg-1">
          <div class="link-wrapper">
            <ul class="m-0 list-unstyled d-flex justify-content-center justify-content-lg-end gap-2 gap-md-3">
              <li>
                
              </li>
              <li>
                <a href="#!" onclick="reportAbuse()" title="Click here to report any content on this website" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3 bsb-sep bsb-sep-border">
                  <span class="overflow-text">Report Abuse</span>
                </a>
              </li>
              <li>
                <a href="https://www.blinds-n-curtains.com/sitemap.xml" title="Sitemap" class="link-underline-opacity-0 link-opacity-75-hover link-underline-opacity-100-hover link-offset-1 link-secondary fs-8 d-flex align-items-center pe-2 pe-md-3 bsb-sep bsb-sep-border">
                  <span class="overflow-text">Sitemap</span>
                </a>
              </li>
            
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
<span style="display: none;" id="GET-VALUE(TEMPLATE-ID)">6814772a5d263414004dd4a4</span>

</footer>
<script defer="">
  // Run when footer becomes visible
  const footerObserver = new IntersectionObserver((entries, observer) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        observer.disconnect(); // Only run once

        // 1. REPORT ABUSE
        window.reportAbuse = function () {
          try {
            ga('send', 'event', 'REPORTABUSE', 'click', document.getElementById('GET-VALUE(FLOATING-TAG)').innerText);
          } catch (e) {}
          if (typeof KitsuneReportAbuse === 'function') KitsuneReportAbuse();
        };

        // 2. LOAD FACEBOOK SDK (deferred)
        window.requestIdleCallback?.(() => {
          if (document.getElementById('facebook-jssdk')) return;
          const js = document.createElement('script');
          js.id = 'facebook-jssdk';
          js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0';
          document.body.appendChild(js);
        }, { timeout: 2000 });

        // 3. HIGHLIGHT ACTIVE NAV ITEM (based on pathname match)
        // window.requestIdleCallback(() => {
        //   const path = window.location.pathname.toLowerCase();
        //   let productCategoryVerbName = "";
        //   const verbEl = document.getElementById("productCategoryVerbName");
        //   if (verbEl) productCategoryVerbName = verbEl.textContent?.trim().toLowerCase() || "";

        //   const pathMap = {
        //     "contact": ["mapview", "contact"],
        //     "about": ["our-team", "our-customers", "all-projects", "faq", "about-us", "testimonials", "doctor"],
        //     [productCategoryVerbName]: [
        //       `all-${productCategoryVerbName}`, `all/${productCategoryVerbName}`,
        //       `${productCategoryVerbName}/category`, `category`,
        //       `${productCategoryVerbName}/tag`, `tag`, `/${productCategoryVerbName}/`
        //     ],
        //     "latest news": ["latest-updates", "latest-update/"],
        //     "gallery": ["/image-gallery", "/video-gallery"],
        //     "brochure": ["brochure/"],
        //     "more": ["pages/", "page/"]
        //   };

        //   const navItems = document.querySelectorAll(".nav-bar .nav-item");
        //   let matchFound = false;

        //   navItems.forEach((item) => {
        //     const link = item.querySelector(".nav-link");
        //     if (!link) return;

        //     const linkText = link.textContent.trim().toLowerCase();
        //     const href = link.getAttribute("href")?.toLowerCase().split("?")[0] || "";

        //     if (href && path === href) {
        //       item.classList.add("active-nav");
        //       matchFound = true;
        //       return;
        //     }

        //     for (const [section, keywords] of Object.entries(pathMap)) {
        //       if (linkText === section && keywords.some(k => path.includes(k))) {
        //         item.classList.add("active-nav");
        //         matchFound = true;
        //         return;
        //       }
        //     }
        //   });

        //   if (!matchFound) {
        //     navItems.forEach((item) => {
        //       const link = item.querySelector(".nav-link");
        //       if (link && link.textContent.trim().toLowerCase() === "home") {
        //         item.classList.add("active-nav");
        //       }
        //     });
        //   }
        // });
      }
    });
  });

  // Start observing the footer
  footerObserver.observe(document.querySelector('footer'));
  const linkElements = document.querySelectorAll('.external-link');
  linkElements.forEach((linkElement)=>{
    if (linkElement) {
        const url = linkElement.getAttribute('href');
        if (url) {
            linkElement.classList.add('custom-tooltip');
            if(linkElement.classList.contains('external-address')){
              linkElement.setAttribute('data-tooltip', 'View Address on Map');
            }else{
            linkElement.setAttribute('data-tooltip', url);
            }
        }
    }
  })
</script>

<script defer="">
const emailInput = document.getElementById("email-newsletter");
const subscribeBtn = document.getElementById("subscribe-btn");

function toggleButton() {
  subscribeBtn.disabled = !emailInput.checkValidity();
}

emailInput.addEventListener("input", toggleButton);
toggleButton();
</script>



</div>
   

   <p style="display:none"></p>
   
         
  <style>
    .product-flex-class{
      display: flex;
      justify-content: center;
      align-items: center;
    }
  </style>
  
  
  
  
  <style>
   .card{
    
    border:none;
}

.user-content p{
    margin-top:5px;
    line-height: 160%;
    font-size: 13px !important;
}
.card .user-image{
  margin-bottom: 12px;
}
.card .user-image img{
  width:44px;
  min-width: 44px;
  height: 44px;
  object-fit: cover;
}

.no-user-image img{
  object-fit: contain;
  filter: grayscale(1);
    opacity: .5;
     border: 1px solid #888;
     background-color: #eeedee;
}

.trunc-txt-test{
  display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    line-height: 160%;
    font-size: 16px !important;
}

.testimon-mod-ctnt{
  position: fixed;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    text-align: left;
}

.testimon-ctn-outer-align{
  text-align: left;
}

.user-image{
  display: flex;
    justify-content: space-between;
}

.user-image h5{
  font-size: 20px;
    margin-top: auto;
}

.user-content .txt-test-title{
      font-family: var(--secondary-font) !important;
    /* font-size: 37px; */
    font-weight: bold;
    margin-top: 12px;
    color: var(--primary-color);
    font-size: 16px !important;
    /* margin-top: 5px; */
    line-height: 160%;
}

.svc-testimon-crd-img-title{
  margin-bottom: 0px !important;
}

 </style>
 <style>
   .card{
    
    border:none;
}

.user-content p{
    margin-top:5px;
    line-height: 160%;
    font-size: 13px !important;
}
.card .user-image{
  margin-bottom: 12px;
}
.card .user-image img{
  width:44px;
  height: 44px;
  object-fit: cover;
}

.no-user-image img{
  object-fit: contain;
  filter: grayscale(1);
    opacity: .5;
     border: 1px solid #888;
     background-color: #eeedee;
}

 </style>
 
 <style>
                    .service-title{
                      max-width: 100%;
                    }
                    .update_theme_card{
                      border: 1px solid #ebedf2 !important;
                      padding: 0px !important;
                    }
                    .update_theme_card .service-cover-img{
                      margin-top: 0px !important;
                      /*transition: background-size 1.5s cubic-bezier(0.22, 1, 0.36, 1);*/
                    }
                    .update_theme_card .service-cover-img::before{
                      border-bottom: 1px solid #dad5d5;
                    }
                      .update_theme_card::after{
                        box-shadow: none !important;
                      }
                      .update_theme_card:hover{
                        border:1px solid var(--primary-color) !important;
                      }
                      /*.update_theme_card:hover .service-cover-img{*/
                      /*  background-size: 110%;*/
                      /*}*/
                      .update_theme_card:hover .update-content h4{
                        color: var(--primary-color);
                      }
                      .update_theme_card .update-content{
                        height: 38%!important;
                      }
                      .product-flex-class{
                        display: flex;
                        justify-content: center;
                        align-items: center;
                      }
                    </style>
                    <style>
                      /* Product Card Styling For Ecoomerce Business*/
                      
                      .single-service-card .content .learn-more{
                        color: var(--primary-color, #ff5e14);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    display: block;
    text-align: center;
        width: 100%;
        border-radius: var(--bs-border-radius) !important;
    height: 100%;
    background: #fff;
                      }
                      
                      .single-service-card .content .learn-more:hover {
        background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: #fff !important;
    opacity: 1 !important;
}


                    </style>
</div>


<!--<script defer>-->
<!--const statusEls = document.querySelectorAll('.businessOpenStatus');-->
<!--const timeEls = document.querySelectorAll('.businessOpeningTime');-->

<!--if (statusEls.length && timeEls.length) {-->
<!--  (function () {-->
<!--    const slots = [-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' },-->
<!--    { day: '', from: '', to: '' }-->
<!--  ];-->


<!--    const allClosed = slots.every(slot => slot.from === '00' && slot.to === '00');-->

<!--    if (allClosed) {-->
<!--      statusEls.forEach(el => el.innerText = 'Open 24×7');-->
<!--      timeEls.forEach(el => el.style.display = 'none');-->
     
<!--      return;-->
<!--    }-->

   
<!--    const fullDayOrder = ['Saturday', 'Friday', 'Thursday', 'Wednesday', 'Tuesday', 'Monday', 'Sunday'];-->
<!--    const shortDay = {-->
<!--      Sunday: 'Sun', Monday: 'Mon', Tuesday: 'Tue',-->
<!--      Wednesday: 'Wed', Thursday: 'Thu', Friday: 'Fri', Saturday: 'Sat'-->
<!--    };-->

<!--    function parseTimeToMinutes(timeStr) {-->
<!--      const [time, period] = timeStr.trim().split(' ');-->
<!--      if (!time || !period) return 0;-->
<!--      let [h, m] = time.split(':').map(Number);-->
<!--      if (period === 'PM' && h !== 12) h += 12;-->
<!--      if (period === 'AM' && h === 12) h = 0;-->
<!--      return h * 60 + m;-->
<!--    }-->

<!--    function isOpenNow(slot, nowMins) {-->
<!--      const fromMin = parseTimeToMinutes(slot.from);-->
<!--      const toMin = parseTimeToMinutes(slot.to);-->
<!--      if (fromMin === toMin) return false;-->
<!--      if (fromMin < toMin) return nowMins >= fromMin && nowMins < toMin;-->
<!--      return nowMins >= fromMin || nowMins < toMin;-->
<!--    }-->

<!--    function getNextOpenDay(currentDayIndex, nowMins) {-->
<!--      for (let i = 0; i < 7; i++) {-->
<!--        const idx = (currentDayIndex + i) % 7;-->
<!--        const checkDay = fullDayOrder[idx];-->
<!--        const slot = slots.find(s => s.day === checkDay);-->
<!--        if (!slot) continue;-->

<!--        const fromMin = parseTimeToMinutes(slot.from);-->
<!--        const toMin = parseTimeToMinutes(slot.to);-->

<!--        if (fromMin === toMin) continue;-->

<!--        if (i === 0 && nowMins < fromMin) {-->
<!--          return { day: "Today", from: slot.from };-->
<!--        }-->

<!--        if (i > 0) {-->
<!--          const dayLabel = i === 1 ? "Tomorrow" : slot.day;-->
<!--          return { day: dayLabel, from: slot.from };-->
<!--        }-->
<!--      }-->
<!--      return null;-->
<!--    }-->

<!--    function groupSlotsByTime(slots) {-->
<!--      const timeGroups = {};-->
<!--      slots.forEach(slot => {-->
<!--        const key = `${slot.from}-${slot.to}`;-->
<!--        if (!timeGroups[key]) {-->
<!--          timeGroups[key] = [];-->
<!--        }-->
<!--        timeGroups[key].push(slot.day);-->
<!--      });-->

<!--      const result = [];-->

<!--      for (const key in timeGroups) {-->
<!--        const [from, to] = key.split('-');-->
<!--        const days = timeGroups[key].sort((a, b) =>-->
<!--          fullDayOrder.indexOf(a) - fullDayOrder.indexOf(b)-->
<!--        );-->

<!--        const ranges = [];-->
<!--        let start = days[0];-->
<!--        let end = days[0];-->

<!--        for (let i = 1; i < days.length; i++) {-->
<!--          const currentDay = days[i];-->
<!--          const prevDay = days[i - 1];-->
<!--          if (fullDayOrder.indexOf(currentDay) === fullDayOrder.indexOf(prevDay) + 1) {-->
<!--            end = currentDay;-->
<!--          } else {-->
<!--            ranges.push({ start, end });-->
<!--            start = end = currentDay;-->
<!--          }-->
<!--        }-->
<!--        ranges.push({ start, end });-->

<!--        const dayString = ranges.map(r =>-->
<!--          r.start === r.end-->
<!--            ? shortDay[r.start]-->
<!--            : `${shortDay[r.start]}–${shortDay[r.end]}`-->
<!--        ).join(', ');-->

<!--        result.push({ days: dayString, from, to });-->
<!--      }-->

<!--      return result;-->
<!--    }-->

<!--    function formatGroupedHours(groups) {-->
<!--      return groups.map(group => {-->
<!--        let timeStr = `${group.from} – ${group.to}`;-->
<!--        if(group.from=='00:00' && group.to=='00:00'){-->
<!--          timeStr='Closed';-->
<!--        }-->
<!--        return `${group.days}: ${timeStr}`;-->
<!--      }).join('<br>');-->
<!--    }-->

<!--    const now = new Date();-->
<!--    const nowMins = now.getHours() * 60 + now.getMinutes();-->
    <!--const jsDayIndex = now.getDay();-->
    <!--const fullDayIndex = (jsDayIndex + 6) % 7; -->

<!--    const todayDayName = fullDayOrder[fullDayIndex];-->
<!--    const todaySlot = slots.find(s => s.day === todayDayName);-->
<!--    const isOpen = todaySlot && isOpenNow(todaySlot, nowMins);-->
<!--    const nextOpen = isOpen ? null : getNextOpenDay(fullDayIndex, nowMins);-->


<!--    statusEls.forEach(el => {-->
<!--      if (isOpen) {-->
<!--        el.innerHTML = `OPEN NOW <span class="green-dot-open"></span>`;-->
<!--      } else if (nextOpen) {-->
<!--        el.innerText = `Opens ${nextOpen.day} at ${nextOpen.from}`;-->
<!--      } else {-->
<!--        el.innerText = `Closed`;-->
<!--      }-->
<!--    });-->

    
<!--    const grouped = groupSlotsByTime(slots);-->
<!--    const formattedHours = formatGroupedHours(grouped);-->
<!--    timeEls.forEach(el => {-->
<!--      el.innerHTML = formattedHours;-->
<!--    });-->
<!--  })();-->
<!--}-->
<!--</script>-->
<script defer="">
const statusEls = document.querySelectorAll('.businessOpenStatus');
const timeEls = document.querySelectorAll('.businessOpeningTime');

if (statusEls.length || timeEls.length) {
  (function () {
   const slots = [
    { day: 'Saturday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Friday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Thursday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Wednesday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Tuesday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Monday', from: '10:00 AM', to: '08:00 PM' },
    { day: 'Sunday', from: '10:00 AM', to: '08:00 PM' }
  ];
 const allClosed = slots.every(slot => slot.from === '00' && slot.to === '00');

 if (allClosed) {
   statusEls.forEach(el => el.innerText = 'Open 24×7');
   timeEls.forEach(el => el.style.display = 'none');
     
   return;
   }
   
   const notDateSet=slots.every(slot => slot.from === '' && slot.to === '')
   if(notDateSet){
     statusEls.forEach(el => el.innerText = 'Closed');
   timeEls.forEach(el => el.style.display = 'none');
   }
    // Standard order: Sunday → Monday → ... → Saturday
    const fullDayOrder = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
    const shortDay = {
      Sunday: 'Sun', Monday: 'Mon', Tuesday: 'Tue',
      Wednesday: 'Wed', Thursday: 'Thu', Friday: 'Fri', Saturday: 'Sat'
    };

    function parseTimeToMinutes(timeStr) {
      if (!timeStr || timeStr === '00:00') return 0;
      const [time, period] = timeStr.trim().split(' ');
      if (!time || !period) return 0;
      let [h, m] = time.split(':').map(Number);
      if (period === 'PM' && h !== 12) h += 12;
      if (period === 'AM' && h === 12) h = 0;
      return h * 60 + m;
    }

    function isOpenNow(slot, nowMins) {
      const fromMin = parseTimeToMinutes(slot.from);
      const toMin = parseTimeToMinutes(slot.to);
      if (fromMin === toMin) return false; // Closed
      if (fromMin < toMin) return nowMins >= fromMin && nowMins < toMin;
      return nowMins >= fromMin || nowMins < toMin; // Overnight case
    }

    function getNextOpenDay(currentDayIndex, nowMins) {
      for (let i = 0; i < 7; i++) {
        const idx = (currentDayIndex + i) % 7;
        const slot = slots.find(s => s.day === fullDayOrder[idx]);
        if (!slot) continue;

        const fromMin = parseTimeToMinutes(slot.from);
        const toMin = parseTimeToMinutes(slot.to);
        if (fromMin === toMin) continue; // Closed day

        if (i === 0 && nowMins < fromMin) {
          return { day: "Today", from: slot.from };
        }

        if (i > 0) {
          return { day: i === 1 ? "Tomorrow" : slot.day, from: slot.from };
        }
      }
      return null;
    }

    function groupSlotsByTime(slots) {
      const timeGroups = {};
      slots.forEach(slot => {
        const key = `${slot.from}-${slot.to}`;
        if (!timeGroups[key]) timeGroups[key] = [];
        timeGroups[key].push(slot.day);
      });

      const result = [];
      for (const key in timeGroups) {
        const [from, to] = key.split('-');
        const days = timeGroups[key].sort((a, b) =>
          fullDayOrder.indexOf(a) - fullDayOrder.indexOf(b)
        );

        const ranges = [];
        let start = days[0], end = days[0];
        for (let i = 1; i < days.length; i++) {
          if (fullDayOrder.indexOf(days[i]) === fullDayOrder.indexOf(days[i - 1]) + 1) {
            end = days[i];
          } else {
            ranges.push({ start, end });
            start = end = days[i];
          }
        }
        ranges.push({ start, end });

        const dayString = ranges.map(r =>
          r.start === r.end
            ? shortDay[r.start]
            : `${shortDay[r.start]}–${shortDay[r.end]}`
        ).join(', ');

        result.push({ days: dayString, from, to });
      }

      return result;
    }

    function formatGroupedHours(groups) {
      return groups.map(group => {
        let timeStr = `${group.from} – ${group.to}`;
        if (group.from === '00:00' && group.to === '00:00') {
          timeStr = 'Closed';
        }else if (group.from === '00' && group.to === '00') {
          timeStr = 'Closed';
        }
        return `${group.days}: ${timeStr}`;
      }).join('<br>');
    }

    const now = new Date();
    const jsDayIndex = now.getDay(); // Sunday = 0
    const todayDayName = fullDayOrder[jsDayIndex];
    const nowMins = now.getHours() * 60 + now.getMinutes();

    const todaySlot = slots.find(s => s.day === todayDayName);
    const isOpen = todaySlot && isOpenNow(todaySlot, nowMins);
    const nextOpen = isOpen ? null : getNextOpenDay(jsDayIndex, nowMins);

    // Apply status
    statusEls.forEach(el => {
      if (isOpen) {
        el.innerHTML = `OPEN NOW <span class="green-dot-open"></span>`;
      } else if (nextOpen) {
        el.innerText = `Opens ${nextOpen.day} at ${nextOpen.from}`;
      } else {
        el.innerText = `Closed`;
      }
    });

    // Format and show hours
    const grouped = groupSlotsByTime(slots);
    const formattedHours = formatGroupedHours(grouped);
    timeEls.forEach(el => {
      el.innerHTML = formattedHours;
    });
  })();
}
</script>

<script defer="">
// window.addEventListener('DOMContentLoaded', function () {
//   const path = window.location.pathname.toLowerCase();
//         const productCategoryVerbNameElem = document.getElementById("productCategoryVerbName");
//         const productCategoryVerbName = productCategoryVerbNameElem ? productCategoryVerbNameElem.innerText.toLowerCase() : "";

//         const pathMap = {
//           "contact": ["mapview", "contact"],
//           "about": ["our-team", "our-customers", "all-projects", "faq", "about-us", "testimonials", "doctor","our-story","our-faculty","faculty/","/our-staff","/staff"],
//           [productCategoryVerbName]: [
//             `all-${productCategoryVerbName}`,
//             `all/${productCategoryVerbName}`,
//             `${productCategoryVerbName}/category`,
//             `category`,
//             `${productCategoryVerbName}/tag`,
//             `tag`,
//             `/${productCategoryVerbName}/`
//           ],
//           "updates": ["latest-updates", "latest-update/"],
//           "toppers":["/top-rankers","/topper"],
//           "resources":["resources"],
//           "batches":["upcoming-batches"],
//           "gallery": ["/image-gallery", "/videos"],
//           "photos" : ["/image-gallery"],
//           "videos":["/videos"],
//           "brochure": ["brochure/"],
//           "more": ["pages/", "page/"],
//           "packs": ["/memberships"],
//         };

//         const navItems = document.querySelectorAll(".nav-bar .nav-item");
//         let matchFound = false;

//         navItems.forEach((item) => {
//           const link = item.querySelector(".nav-link");
//           if (!link) return;
//           const linkText = link.textContent.trim().toLowerCase();

//           for (const [section, keywords] of Object.entries(pathMap)) {
//             if (linkText === section && keywords.some(k => path.includes(k))) {
//               item.classList.add("active-nav");
//               matchFound = true;
//               break;
//             }
//           }

//           const href = link.getAttribute("href");
//           if (href) {
//             const cleanHref = href.toLowerCase().split("?")[0];
//             if (path === cleanHref) {
//               item.classList.add("active-nav");
//               matchFound = true;
//             }
//           }
//         });

//     if (path === "/" || path === "") {
//   navItems.forEach((item) => {
//     const link = item.querySelector(".nav-link");
//     if (link && link.textContent.trim().toLowerCase() === "home") {
//       item.classList.add("active-nav");
//     }
//   });
// }

// });
window.addEventListener('DOMContentLoaded', function () {

  const path = window.location.pathname.toLowerCase();

  const productCategoryVerbNameElem = document.getElementById("productCategoryVerbName");
  const productCategoryVerbName = productCategoryVerbNameElem 
    ? productCategoryVerbNameElem.innerText.toLowerCase() 
    : "";

  const pathMap = {
    "contact": ["mapview", "contact"],
    "about": ["our-team", "our-customers", "all-projects", "faq", "about-us", "testimonials", "doctor","our-story","our-faculty","faculty/","/our-staff","/staff"],
    [productCategoryVerbName]: [
      `all-${productCategoryVerbName}`,
      `all/${productCategoryVerbName}`,
      `${productCategoryVerbName}/category`,
      `category`,
      `${productCategoryVerbName}/tag`,
      `tag`,
      `/${productCategoryVerbName}/`
    ],
    "updates": ["latest-updates", "latest-update/"],
    "toppers":["/top-rankers","/topper"],
    "resources":["resources"],
    "batches":["upcoming-batches"],
    "gallery": ["/image-gallery", "/videos"],
    "photos" : ["/image-gallery"],
    "videos":["/videos"],
    "brochure": ["brochure/"],
    "more": ["pages/", "page/"],
    "packs": ["/memberships"],
  };

  const navItems = document.querySelectorAll(".nav-bar .nav-item");

  // ✅ remove all active first
  navItems.forEach(item => item.classList.remove("active-nav"));

  let lastMatchedItem = null;

  navItems.forEach((item) => {
    const link = item.querySelector(".nav-link");
    if (!link) return;

    const linkText = link.textContent.trim().toLowerCase();

    // 🔹 keyword match
    for (const [section, keywords] of Object.entries(pathMap)) {
      if (linkText === section && keywords.some(k => path.includes(k))) {
        lastMatchedItem = item; // last match wins
      }
    }

    // 🔹 exact href match (higher priority)
    const href = link.getAttribute("href");
    if (href) {
      const cleanHref = href.toLowerCase().split("?")[0];
      if (path === cleanHref) {
        lastMatchedItem = item;
      }
    }
  });

  // ✅ apply only one active
  if (lastMatchedItem) {
    lastMatchedItem.classList.add("active-nav");
  }

  // ✅ handle home ONLY for "/"
  if ((path === "/" || path === "") && !lastMatchedItem) {
    navItems.forEach((item) => {
      const link = item.querySelector(".nav-link");
      if (link && link.textContent.trim().toLowerCase() === "home") {
        item.classList.add("active-nav");
      }
    });
  }

});

</script>



    <!--  ALl JS Plugins
    ====================================== -->
     <p style="display:none;" id="business-fulladdress" k-partial="">D-437, Ramphal Chowk, Sec 7, Dwarka, Block D, Palam Extension, New Delhi, Delhi</p>
<p style="display:none;" id="business-pincode">110077</p>
<p style="display:none;" id="business-city">New Delhi</p>
<p style="display:none;" id="business-country">India</p>
<p style="display:none;" id="business-contact-number">08048034720</p>
<p style="display:none;" id="business-perfect-name">Blinds N Curtains</p>
<p style="display:none;" id="rootUrlHome">https://www.blinds-n-curtains.com</p>
<p style="display:none;" id="staffCount-hidden">0</p>
<p style="display:none;" id="isFpServiceEnable"></p>
<p style="display:none;" id="isFpSpaServexEnable">False</p>

<!--<script k-show="">-->
<!--  requestIdleCallback(() => {-->
   
<!--    window.serviceIdSelect = '';-->
<!--    window.appointmentNotSet = false;-->

    
<!--    window.openBookEngine = function (event, id, modalIsAppointment) {-->
<!--      if (event) {-->
<!--        event.stopPropagation();-->
<!--        event.preventDefault();-->
<!--      }-->

<!--      if (id) {-->
<!--        window.serviceIdSelect = id;-->
<!--      }-->

<!--      if (modalIsAppointment) {-->
<!--        window.appointmentNotSet = modalIsAppointment;-->
<!--      }-->

<!--      const modalEl = document.getElementById("booking-engine-modal");-->
<!--      const bootstrapModal = bootstrap.Modal.getOrCreateInstance(modalEl);-->

<!--      bootstrapModal.show();-->
<!--    };-->
<!--  });-->
<!--</script>-->




<script defer="">
  var fpWidgets = [
  "FEATUREDIMAGE",
  "TOB",
  "CONTACTDETAILS",
  "SITESENSE",
  "SOCIALSHARE",
  "FBLIKEBOX",
  "CUSTOMPAGES",
  "VISITORCOUNT",
  "PRODUCTCATALOGUE",
  "IMAGEGALLERY",
  "TIMINGS",
  "DEFAULTSSL",
  "PAYMENTGATEWAY",
  "CUSTOMERSUPPORT",
  "SUBSCRIBERCOUNT100",
  "BOOSTKEYBOARD",
  "ANALYTICS",
  "TESTIMONIALS",
  "RIASUPPORTTEAM",
  "UNLIMITED_CONTENT",
  "LATESTUPDATES",
  "UPDATE_STUDIO_TEMPLATES",
  "SUBSCRIBERCOUNT",
  "DOMAINPURCHASE",
  "PREMIUM_THEME",
  "GOOGLEWRKSPCE",
  "IVR"
];
</script>
<script defer="">
  // requestIdleCallback(() => {
    function formatHumanReadableDate(utcString) {
      const parts = utcString.split(/[-T:]/);
      const utcDate = new Date(Date.UTC(
        parseInt(parts[0]), parseInt(parts[1]) - 1, parseInt(parts[2]),
        parseInt(parts[3]), parseInt(parts[4]), parseInt(parts[5]) || 0
      ));
      const localDate = new Date(utcDate.getTime());
      const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun",
                      "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
      const month = months[localDate.getMonth()];
      const day = localDate.getDate();
      const year = localDate.getFullYear();
      const getDaySuffix = (d) => {
        if (d > 3 && d < 21) return "th";
        switch (d % 10) {
          case 1: return "st"; case 2: return "nd"; case 3: return "rd";
          default: return "th";
        }
      };
      const hour24 = localDate.getHours();
      const hour12 = hour24 % 12 || 12;
      const minutes = String(localDate.getMinutes()).padStart(2, "0");
      const ampm = hour24 >= 12 ? "PM" : "AM";
      return `${month} ${day}${getDaySuffix(day)}, ${year} ${hour12}:${minutes} ${ampm}`;
    }

    const timestampElements = document.querySelectorAll('.content-posted-date');
    if (timestampElements.length > 0) {
      timestampElements.forEach(item => {
        let itemContent = item.innerHTML || item.innerText;
        if (itemContent) {
          const humanReadableDate = formatHumanReadableDate(itemContent);
          item.innerText = humanReadableDate;
          item.style.cursor = "pointer";
          item.setAttribute("title", humanReadableDate);
        }
      });
    }
  // });
</script>




    
      
<script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/jquery.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/ajax-mail.min.js?v=116" defer="" k-partial=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/bootstrap.bundle.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/imageload.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/isotope.pkgd.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/jquery.easing.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/magnific-popup.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/meanmenu.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/mk_charts.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/modernizr.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/odometer.min.js?v=116" defer=""></script>
    
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/owl.carousel.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/scrollUp.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/slick.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/waypoints.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/wow.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/active.min.js?v=116" defer=""></script>
    <!--<script src="assets/js/common.js" defer></script>-->
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/cart.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/util.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/new-subscribe.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/common.min.js?v=116" defer=""></script>
    <script src="//proj.s-cdn.boostkit.dev/6792228e101b6a6540e12c77/v116/assets/js/entry-exit-popup.min.js?v=116" defer=""></script>
    
    
    
    
    
    
    
    <script src="https://cdn.kitsune.tools/KitsuneApiv7.min.js" defer=""></script>
     <script defer="">
     const sideImgContainer=document.querySelector('.side-img-container');
     if(sideImgContainer){
       const subImageLength=document.querySelectorAll('.side-img');
       if(subImageLength.length===1){
         sideImgContainer.classList.add('multiple-img');
         subImageLength[0].classList.add('single-side-img');
       }
     }
       
     </script>
     <script defer="">
    document.addEventListener('DOMContentLoaded', function(){
        const images = document.querySelectorAll('.gallery-image');
        const lightboxModal = document.getElementById('lightboxModal');
        const lightboxImage = document.getElementById('lightboxImage');
        let currentImageIndex = 0;
        const imageArray = Array.from(images);
        
        function openLightbox(imageSrc, index) {
            lightboxImage.src = imageSrc;
            lightboxModal.style.display = 'flex';
            currentImageIndex = index;
            lightboxImage.classList.remove('show');
            setTimeout(() => { lightboxImage.classList.add('show'); }, 20);
        }
        
        images.forEach((image, index) => {
            image.addEventListener('click', function() { openLightbox(image.src, index); });
        });
        
        window.closeLightbox = function() {
            lightboxModal.style.display = 'none';
        }
        
        window.prevImage = function() {
            lightboxImage.classList.remove('show');
            setTimeout(() => {
                currentImageIndex = (currentImageIndex === 0) ? imageArray.length - 1 : currentImageIndex - 1;
                lightboxImage.src = imageArray[currentImageIndex].src;
                lightboxImage.classList.add('show');
            }, 500);
        }
        
        window.nextImage = function() {
            lightboxImage.classList.remove('show');
            setTimeout(() => {
                currentImageIndex = (currentImageIndex === imageArray.length - 1) ? 0 : currentImageIndex + 1;
                lightboxImage.src = imageArray[currentImageIndex].src;
                lightboxImage.classList.add('show');
            }, 500);
        }
        
        lightboxModal.addEventListener('click', function(e) {
            if (e.target === lightboxModal) { closeLightbox(); }
        });
    });
</script>

<script>
  
  const galleryImage = document.querySelectorAll('.gallery-image')
  if(galleryImage.length ===1){
    galleryImage[0].style.objectFit = 'cover';
  }
  
</script>


<span style="display: none;" id="GET-VALUE(THEME-ID)">6792228e101b6a6540e12c77</span><span style="display: none;" id="GET-VALUE(WEBSITE-ID)">69d62e0feb58201de8246515</span><a style="display: none;" href="https://www.blinds-n-curtains.com" id="GET-URL(HOME)"></a></body>



</html>