{"id":4105,"date":"2026-02-11T11:04:51","date_gmt":"2026-02-11T11:04:51","guid":{"rendered":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/?page_id=4105"},"modified":"2026-03-05T06:43:47","modified_gmt":"2026-03-05T06:43:47","slug":"products","status":"publish","type":"page","link":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/","title":{"rendered":"Products"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;]<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@3.4.1\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n\n<style>\n    .product-checkbox input[type=\"radio\"] {\n    margin: 0px 3px 0px !important;\n    opacity: 0;\n    cursor: pointer;\n}\n    .navbar>.container-fluid a.navbar-brand {\n        margin-top: 0 !important;\n        margin-left: 0px !important;\n        padding: 0 !important;\n    }\n\n    .btn-retail-pumps {\n        border-radius: 22px !important;\n        padding: 8px 15px !important;\n        font-size: 15px !important;\n        font-weight: 600 !important;\n    }\n\n    :root {\n        --themeGradient: #c5d435;\n        --themeGradientHover: linear-gradient(180deg, #c5d435, transparent) #306FB1;\n        --themeFontFamily: 'DM Sans';\n    }\n\n    ::-webkit-scrollbar {\n        width: 5px !important;\n        height: 5px !important;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        background: #c5d435 !important;\n    }\n\n\n    .section-container.container {\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .sidespace {\n        padding: 0px 50px;\n    }\n\n    .enq-main-block {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: 5px;\n    }\n\n    .enq-main-block p {\n        color: #fff;\n        margin: 0;\n        width: calc(100% - 25px);\n        text-align: left;\n        font-weight: 500;\n        padding-left: 5px;\n    }\n\n    .enq-main-block img {\n        height: 20px !important;\n        width: 20px !important;\n        object-fit: contain !important;\n        filter: brightness(0) saturate(100%) invert(96%) sepia(96%) saturate(16%) hue-rotate(285deg) brightness(104%) contrast(100%);\n    }\n\n    .box-label {\n        display: flex;\n        \/* align-items: center; *\/\n        height: 100%;\n        flex-direction: column;\n        gap: 5px;\n        margin: 10px 0px;\n    }\n\n    .product-checkbox {\n        display: flex;\n        gap: 10px;\n        margin-bottom: 5px;\n    }\n\n    input[type=\"radio\"] {\n        margin: 0 !important;\n    }\n\n    .product-scroll {\n        height: 200px;\n        overflow: auto;\n        padding-top: 10px;\n    }\n\n    .product-checkbox label {\n        font-size: 15px;\n        font-weight: 400;\n        font-family: 'DM Sans';\n        color: #000;\n    }\n\n    a {\n        text-decoration: none !important;\n    }\n\n    .dropdown-menu.mega-dropdown-menu {\n        display: none !important;\n    }\n\n    .prod-breadcrumb a {\n        color: #000 !important;\n        text-decoration: none;\n    }\n\n    .seprator-breadcrumb {\n        padding: 0px 5px;\n    }\n\n    .prod-breadcrumb .active-page {\n        color: #c5d435;\n    }\n\n    .prod-breadcrumb {\n        \/* margin-bottom: 20px; *\/\n        width: fit-content;\n    }\n\n    .filter-click {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        margin-bottom: 40px;\n    }\n\n    .cat-cross {\n        display: flex;\n        align-items: center;\n        gap: 20px;\n        width: fit-content;\n        background-color: #f2f2f2;\n        padding: 10px;\n        border-radius: 7px;\n    }\n\n    .main-cat-text {\n        color: grey;\n        font-size: 14px;\n        margin-bottom: 5px;\n        line-height: 17px;\n    }\n\n    .prod-breadcrumb img {\n        display: none;\n    }\n\n    .cat-txt {\n        margin: 0px;\n        font-size: 14px;\n        line-height: 17px;\n        color: #000;\n    }\n\n    .filter-boxes {\n        width: 90%;\n        display: flex;\n        align-items: center;\n        gap: 10px;\n    }\n\n    .cat-cross-box i {\n        font-size: 16px;\n        color: #000;\n        cursor: pointer;\n    }\n\n    .clear-div p {\n        color: #c5d435;\n        margin: 0px;\n        font-size: 14px;\n        line-height: 18px;\n    }\n\n    .product-main-cat-name {\n        color: #000;\n        margin-bottom: 20px;\n    }\n\n    .prod-details-main {\n        padding: 20px 10px;\n        border-radius: 5px;\n        position: relative;\n        overflow: hidden;\n        margin-bottom: 20px !important;\n    }\n\n    .prod-details-main p {\n        font-family: 'DM Sans' !important;\n    }\n\n    .prod-details-main .prod-name {\n        color: #000;\n        text-decoration: none;\n        text-align: center;\n    }\n\n    .prod-details-main .prod-name {\n        color: #000;\n        text-decoration: none !important;\n        text-align: center;\n        font-size: 14px;\n        line-height: 19px;\n        margin-bottom: 10px;\n        font-family: 'DM Sans' !important;\n    }\n\n    .product-scroll::-webkit-scrollbar {\n        width: 8px;\n    }\n\n    .product-scroll::-webkit-scrollbar-track {\n        background: #f1f1f1;\n        border-radius: 10px;\n    }\n\n    .product-scroll::-webkit-scrollbar-thumb {\n        background: linear-gradient(94.89deg, #306FB1 3.91%, #c5d435 94.98%);\n\n        border-radius: 10px;\n    }\n\n    .product-scroll::-webkit-scrollbar-thumb:hover {\n        background: #555;\n    }\n\n    .max-head-text,\n    .max-capac-text {\n        text-align: center;\n        margin: 0;\n        font-size: 14px;\n        line-height: 19px;\n    }\n\n    .prod-details-main img {\n        height: 150px;\n        width: 100%;\n        object-fit: contain;\n        margin-bottom: 20px;\n        object-position: center;\n        transition: 0.7s ease;\n    }\n\n    .prod-details-main:hover .prod-img {\n        transform: scale(1.1);\n    }\n\n    .icons-on-blur {\n        display: flex;\n        align-items: center;\n        flex-wrap: wrap;\n        width: 100%;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    .icons-on-blur img {\n        height: 30px;\n        width: 30px;\n        margin: 0px;\n        object-fit: cover;\n    }\n\n    .blur-box p {\n        text-align: center;\n        margin-bottom: 5px;\n        font-size: 14px;\n        line-height: 19px;\n    }\n\n    .prod-details-main:hover {\n        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n        transition: 0.7s ease;\n    }\n\n    .prod-enq-block {\n        position: absolute;\n        width: 100%;\n        height: fit-content;\n        bottom: -100%;\n        opacity: 1;\n        left: 0;\n        transition: .5s;\n        background-color: #ffffffde;\n        box-shadow: 0px 2px 20px 0px #00000026;\n        backdrop-filter: blur(10px)\n    }\n\n    .enq-main-block {\n        width: 100%;\n    }\n\n    .blur-box {\n        padding: 20px 10px;\n        width: 100% !important;\n    }\n\n    .prod-details-main:hover .prod-enq-block {\n        height: fit-content;\n        opacity: 1;\n        transition: .5s;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        width: 100%;\n        flex-wrap: wrap;\n        justify-content: end;\n        bottom: 0;\n    }\n\n    .enq-main-block {\n        text-align: center;\n        color: #fff !important;\n        background: #c5d435;\n        font-size: 14px;\n        padding: 10px;\n    }\n\n    .heading-products {\n        margin-bottom: 50px !important;\n    }\n\n    .normal-btn {\n        border: 1px solid #c5d435;\n        padding: 5px;\n        color: #c5d435 !important;\n        border-radius: 30px;\n        font-size: 14px;\n        margin-right: 5px;\n        line-height: 19px;\n    }\n\n    .normal-btn.active-tab-btn,\n    .normal-btn:hover {\n        background: linear-gradient(180deg, #306FB1, transparent) #c5d435;\n        color: #fff !important;\n    }\n\n    .diff-cat-btns {\n        margin-bottom: 20px;\n    }\n\n\n    .panel-heading {\n        padding: 0;\n        border: 0;\n    }\n\n    .panel.panel-default .panel-heading h4.panel-title a {\n        font-size: 18px !important;\n        line-height: 23px;\n        font-weight: 500 !important;\n        text-transform: capitalize;\n        color: #000 !important;\n        font-family: 'DM Sans' !important;\n        letter-spacing: 0px;\n        background-color: transparent;\n        padding: 0px;\n        word-spacing: 0px;\n    }\n\n    .panel.panel-default {\n        border: 0px;\n        margin: 0px 0px 15px 0px !important;\n        border-bottom: 1px solid #ccc;\n        padding-bottom: 15px;\n        background-color: transparent;\n    }\n\n    .panel-heading a:before {\n        font-family: 'FontAwesome';\n        content: \"\\f078\" !important;\n        float: right;\n        transition: all 0.5s;\n        color: #000;\n        font-size: 10px;\n    }\n\n    .panel-heading.active a:before {\n        -webkit-transform: rotate(180deg);\n        -moz-transform: rotate(180deg);\n        transform: rotate(180deg);\n    }\n\n\n    .clear-div button {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: transparent !important;\n        border: 1px solid #c5d435 !important;\n        color: #c5d435 !important;\n        padding: 1px 5px;\n        font-size: 12px;\n        border-radius: 5px;\n        white-space: nowrap;\n    }\n\n    .clear-div:hover button {\n        background: #c5d435 !important;\n        color: #fff !important;\n    }\n\n    .product-checkbox label {\n        \/*\twidth: calc(100% - 40px) !important;*\/\n        color: #747474;\n    }\n\n    .product-checkbox input:checked+label {\n        color: #000000;\n    }\n\n    .product-checkbox input:checked+label::before {\n        background: #c5d435;\n        content: '+';\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 2px;\n        color: #fff !important;\n    }\n\n    .filter-main-div {\n        background-color: #f6f6f6;\n        padding: 30px 20px;\n        border-radius: 5px;\n        margin-right: 10px;\n    }\n\n    .panel-group {\n        margin-bottom: 0;\n    }\n\n    .custcheckbox {\n        padding-left: 0px;\n            cursor: pointer;\n\n    }\n\n    #solution_tab .product-checkbox a {\n        display: flex;\n        gap: 10px;\n    }\n\n    .panel-body {\n        border: 0px !important;\n        background-color: transparent !important;\n        padding: 0px;\n        font-family: 'DM Sans' !important;\n    }\n\n    .product-checkbox label {\n        position: relative;\n    }\n\n    .product-checkbox label::before {\n        content: '';\n        position: absolute;\n        left: -30px;\n        height: 20px;\n        width: 20px;\n        background: transparent;\n        pointer-events: none;\n        border: 1.5px solid #c5d435 !important;\n        border-radius: 2px !important;\n    }\n\n    .titlepump {\n        font-size: 18px !important;\n        line-height: 23px;\n        font-weight: 500 !important;\n        text-transform: capitalize;\n        color: #000 !important;\n        font-family: 'DM Sans' !important;\n        letter-spacing: 0px;\n        background-color: transparent;\n        padding: 0px;\n        word-spacing: 0px;\n        margin: 0;\n    }\n\n    #product_tab a,\n    #application_tab a,\n    #market_tab a {\n        font-size: 16px !important;\n        padding-left: 10px;\n    }\n\n    #product_tab .cbox-main.product-scroll,\n    #application_tab .cbox-main.product-scroll,\n    #market_tab .cbox-main.product-scroll,\n    .cbox-main.product-scroll {\n        padding-left: 15px !important;\n    }\n\n    .panel-bod {\n        background-color: transparent;\n        max-height: 0;\n        overflow: hidden;\n        transition: max-height 0.2s ease-out;\n        padding-left: 6%;\n    }\n\n    .actives .panel-bod {\n        max-height: 180px !important;\n    }\n\n    .product-checkbox input[type=\"radio\"] {\n        margin: 0px 3px 0px !important;\n        opacity: 0;\n    }\n\n    @media screen and (max-width:1024px) {\n        .article-content .container-wrap {\n            padding-top: 40px !important;\n        }\n\n        .panel.panel-default {\n            flex-direction: column;\n            justify-content: start !important;\n            align-items: start !important;\n            gap: 10px;\n        }\n    }\n\n    @media screen and (max-width:768px) {\n        .article-content .container-wrap {\n            padding-top: 30px !important;\n        }\n    }\n\n    @media (min-width:768px) and (max-width: 1024px) {\n        .single-prod-col {\n            padding-bottom: 15px;\n\n        }\n\n        .products-row.tab-pane {\n            display: flex !important;\n        }\n\n        .diff-cat-btns {\n            display: flex;\n            flex-direction: column;\n            width: fit-content;\n            justify-content: center;\n            text-align: center;\n            gap: 10px;\n            margin: 0 auto;\n            margin-bottom: 20px;\n        }\n\n        .col-md-3.single-prod-col {\n            width: 33.33%;\n        }\n\n        .sidespace {\n            padding: 0px 15px !important;\n        }\n\n        .single-prod-col {\n            padding: 0 !important;\n        }\n\n        .wpb_column.vc_column_container.vc_col-sm-12 {\n            padding: 0 !important;\n        }\n\n        .filter-main-div {\n            margin: 0 0 15px 0 !important;\n        }\n\n        .filter-boxes {\n            width: 100%;\n            flex-wrap: wrap;\n        }\n\n        .filter-click {\n            flex-wrap: wrap;\n        }\n\n        \/* .clear-div {\n            margin-top: 15px;\n        } *\/\n    }\n\n    .closeBtn {\n        font-size: 20px;\n        text-align: right;\n        padding: 6px;\n        width: fit-content;\n        position: absolute;\n        right: 0;\n        color: #000;\n        border: 1px solid #000;\n        top: 3px;\n        display: none;\n    }\n\n    .col-md-3.filter-col.show {\n        position: fixed;\n        left: 0%;\n        transition: 0.8s ease-in-out;\n        top: 0;\n        height: 100vh;\n        width: 80%;\n\n    }\n\n    @media(min-width:768px) and (max-width:1024px) {\n        .prod-details-main {\n            padding: 10px 10px;\n            border-radius: 5px;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 15px !important;\n        }\n\n        .col-md-3.filter-col.show {\n\n            width: 50%;\n\n        }\n\n        .closeBtn {\n            display: block;\n\n        }\n\n        .col-md-9.products-col {\n            width: 100% !important;\n            flex: 0 0 100%;\n        }\n\n        .col-md-3.filter-col {\n            position: fixed;\n            left: -100%;\n            transition: 0.5s ease-in-out;\n            top: 0;\n            height: 100vh;\n            width: 100%;\n            background-color: #f6f6f6;\n            z-index: 99999;\n        }\n\n        .prod-breadcrumb {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .prod-breadcrumb img {\n            display: block;\n            height: 30px;\n            width: 60px;\n            object-fit: contain;\n            object-position: right;\n        }\n    }\n\n    @media only screen and (max-width: 767px) {\n        .single-prod-col {\n            padding-bottom: 15px;\n\n        }\n\n        div#selected_proinfo {\n            display: none;\n        }\n\n        .prod-details-main {\n            padding: 10px 10px;\n            border-radius: 5px;\n            position: relative;\n            overflow: hidden;\n            margin-bottom: 15px !important;\n        }\n\n        .closeBtn {\n            display: block;\n\n        }\n\n        .col-md-3.filter-col {\n            position: fixed;\n            left: -100%;\n            transition: 0.5s ease-in-out;\n            top: 0;\n            height: 100vh;\n            width: 100%;\n            background-color: #f6f6f6;\n            z-index: 99999;\n        }\n\n        .prod-breadcrumb {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .prod-breadcrumb img {\n            display: block;\n            height: 30px;\n            width: 60px;\n            object-fit: contain;\n            object-position: right;\n        }\n\n        .diff-cat-btns {\n            display: flex;\n            flex-direction: column;\n            width: fit-content;\n            justify-content: center;\n            text-align: center;\n            gap: 10px;\n            margin: 0 auto;\n            margin-bottom: 20px;\n        }\n\n        .col-md-3.single-prod-col {\n            width: 50%;\n        }\n\n        .sidespace {\n            padding: 0px 15px !important;\n        }\n\n        .heading-products {\n            margin-bottom: 15px !important;\n        }\n\n        .products-row.tab-pane {\n            display: flex !important;\n        }\n\n        .single-prod-col {\n            padding: 0 !important;\n        }\n\n        .wpb_column.vc_column_container.vc_col-sm-12 {\n            padding: 0 !important;\n        }\n\n        .filter-main-div {\n            margin: 0 0 15px 0 !important;\n        }\n\n        .filter-boxes {\n            width: 100%;\n            flex-wrap: wrap;\n        }\n\n        .filter-click {\n            flex-wrap: wrap;\n        }\n\n        \/* .clear-div {\n            margin-top: 15px;\n        } *\/\n    }\n\n    \/*********loader code*************\/\n    .main-loader-div svg {\n        width: 100px;\n        height: 100px;\n        margin: 20px;\n        display: inline-block;\n    }\n\n    .main-loader-div {\n        height: 100vh;\n        width: 100vw !important;\n        align-items: center;\n        display: flex;\n        position: fixed;\n        top: 0px;\n        left: 0px;\n        justify-content: center;\n        background-color: #000000c4;\n        z-index: 9999;\n    }\n\n    .diff-cat-btns ul.nav.nav-tabs {\n        display: flex;\n        flex-wrap: wrap;\n        gap: 20px;\n    }\n\n    .diff-cat-btns ul.nav.nav-tabs:before {\n        display: none;\n    }\n\n    .diff-cat-btns ul.nav.nav-tabs li a {\n        padding: 5px 10px !important;\n        border-radius: 50px !important;\n        background: transparent !important;\n        border: 1px solid #ddd !important;\n    }\n\n    .diff-cat-btns ul.nav.nav-tabs li.active a,\n    .diff-cat-btns ul.nav.nav-tabs li a:hover {\n        background: linear-gradient(104deg, #306FB1, transparent) #c5d435 !important;\n        border: 1px solid transparent !important;\n    }\n\n    .product-cat {\n        display: none;\n    }\n\n    .diff-cat-btns {\n        width: 100% !important;\n        margin: 15px 0 !important\n    }\n\n    .tab-content {\n        width: 100% !important;\n    }\n\n    .heading-products {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n    }\n\n    .panel-default .panel-title {\n        font-family: DM Sans !important;\n        font-weight: 500;\n        font-size: 18px !important;\n        line-height: 23.44px !important;\n        letter-spacing: 0%;\n    }\n\n\n    .prod-details-main .prod-name {\n        display: -webkit-box;\n        -webkit-line-clamp: 2;\n        -webkit-box-orient: vertical;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        height: 38px;\n    }\n\n\n    .heading-products {\n        justify-content: left;\n    }\n\n    .actives .panel-bod {\n        max-height: 180px !important;\n    }\n\n    .prod-breadcrumb a {\n        color: #000;\n        text-decoration: none;\n    }\n\n    .seprator-breadcrumb {\n        padding: 0px 5px;\n    }\n\n    .prod-breadcrumb .active-page {\n        color: #c5d435 !important;\n    }\n\n    .prod-breadcrumb {\n        margin-bottom: 20px;\n    }\n    .open-filter {\n        height: 25px;\n        width: 25px;\n    }\n    .open-filter {\n        display: none;\n    }\n    @media (max-width: 1024px) {\n        .open-filter {\n            display: block;\n            height: 25px;\n            width: 25px;\n        }\n    }\n<\/style>\n\n<style>\n    \/* Add these pagination styles to your existing CSS *\/\n    .dwnldcntr-pagination {\n        margin-top: 40px;\n        text-align: center;\n    }\n\n    .dwnldcntr-pagination .pagination {\n        justify-content: center;\n        margin-bottom: 0;\n    }\n\n    ul.pagination.light-theme.simple-pagination {\n        display: flex;\n        list-style: none;\n        padding: 0;\n        gap: 5px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li {\n        display: inline-block;\n        margin: 0 2px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li a,\n    ul.pagination.light-theme.simple-pagination li span {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 35px;\n        height: 30px;\n        line-height: 35px;\n        text-align: center;\n        border: 2px solid #e5e5e5;\n        border-radius: 3px;\n        color: #000;\n        text-decoration: none;\n        font-size: 14px;\n        transition: all 0.3s ease;\n    }\n\n    ul.pagination.light-theme.simple-pagination li.active .current {\n        background: #c5d435;\n        border-radius: 3px;\n        border: solid 1px #c5d435;\n        color: #fff;\n        height: 30px;\n        width: 32px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li a:hover {\n        background: #c5d435 !important;\n        border-color: #c5d435 !important;\n        color: #fff !important;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next:after {\n        content: \">>\";\n        color: #000;\n        font-size: 16px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .prev:after {\n        content: \"<<\";\n        color: #000;\n        font-size: 16px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next:hover:after,\n    ul.pagination.light-theme.simple-pagination li .prev:hover:after {\n        color: #fff;\n    }\n\n\n    ul.pagination.light-theme.simple-pagination li a {\n        background: #fff;\n        border-radius: 3px;\n        border: solid 2px #c5d435;\n        color: #000;\n        height: 30px;\n        width: 32px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next,\n    ul.pagination.light-theme.simple-pagination li .prev {\n        border-width: 0 !important;\n        background: transparent !important;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next:hover,\n    ul.pagination.light-theme.simple-pagination li .prev:hover {\n        border-width: 0 !important;\n        background: transparent !important;\n        color: #c5d435 !important;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next:hover:after,\n    ul.pagination.light-theme.simple-pagination li .prev:hover:after {\n        color: #c5d435;\n    }\n\n    \/* Loader styles *\/\n    #ajax_loader {\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: rgba(0, 0, 0, 0.7);\n        z-index: 99999;\n        display: none;\n        justify-content: center;\n        align-items: center;\n    }\n\n    #ajax_loader[style*=\"display: block\"] {\n        display: flex !important;\n    }\n\n    #ajax_loader svg {\n        width: 100px;\n        height: 100px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li .next,\n    ul.pagination.light-theme.simple-pagination li .prev {\n        font-size: 0px;\n    }\n\n    ul.pagination.light-theme.simple-pagination li.active .current.prev,\n    ul.pagination.light-theme.simple-pagination li.active .current.next {\n        background: transparent !important;\n        border: none !important;\n    }\n\n    @media (max-width: 550px) {\n\n        ul.pagination.light-theme.simple-pagination li a,\n        ul.pagination.light-theme.simple-pagination li span {\n            width: 25px !important;\n            height: 25px !important;\n            line-height: 25px;\n            font-size: 12px;\n        }\n\n        ul.pagination.light-theme.simple-pagination li .next:after,\n        ul.pagination.light-theme.simple-pagination li .prev:after {\n            font-size: 14px;\n        }\n    }\n     @media (min-width: 1400px) {\n    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {\n        max-width: 1320px;\n        width: 100% !important;\n    }\n}\n<\/style>\n<section class=\"product-main-sec sidespace\" id=\"filter-output\">\n\n<\/section>\n\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        \/\/ Get existing values (may be null)\n        const market1 = sessionStorage.getItem(\"market\");\n        const pro_type1 = sessionStorage.getItem(\"pro_type\");\n\n        \/\/ Convert existing values into arrays (or empty)\n        let marketArr = market1 ? JSON.parse(market1) : [];\n        let proTypeArr = pro_type1 ? JSON.parse(pro_type1) : [];\n\n        \/\/ Ensure they are arrays (first-time safety)\n        if (!Array.isArray(marketArr)) {\n            marketArr = [marketArr];\n        }\n        if (!Array.isArray(proTypeArr)) {\n            proTypeArr = [proTypeArr];\n        }\n        sessionStorage.setItem(\"market\", JSON.stringify(marketArr));\n        sessionStorage.setItem(\"pro_type\", JSON.stringify(proTypeArr));\n\n\n    });\n<\/script>\n\n\n\n<!-- Add loader div at the end of body -->\n<div id=\"ajax_loader\" style=\"display: none;\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 100 100\" preserveAspectRatio=\"xMidYMid\">\n        <circle cx=\"50\" cy=\"50\" fill=\"none\" stroke=\"#c5d435\" stroke-width=\"10\" r=\"35\"\n            stroke-dasharray=\"164.93361431346415 56.97787143782138\">\n            <animateTransform attributeName=\"transform\" type=\"rotate\" repeatCount=\"indefinite\" dur=\"1s\"\n                values=\"0 50 50;360 50 50\" keyTimes=\"0;1\"><\/animateTransform>\n        <\/circle>\n    <\/svg>\n<\/div>\n\n<script src=\"https:\/\/code.jquery.com\/jquery-1.12.4.min.js\"><\/script>\n<script src=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.4.1\/js\/bootstrap.min.js\"><\/script>\n\n<!-- Add simplePagination plugin -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/simplePagination.js\/1.6\/jquery.simplePagination.min.js\"><\/script>\n\n\n<script>\n    \t$(document).ready(function(){\n\t    $('[data-toggle=\"tooltip\"]').tooltip();  \n\t});\n\/\/     jQuery(document).ready(function ($) {\n\/\/     $('.market-radio').on('change', function () {\n\/\/         $('.product_type_radio').not(this).prop('checked', false);\n\/\/     });\n\/\/ });\n\n    \/\/ Pagination variables\n    let currentPage = 1;\n    const itemsPerPage = 16; \/\/ Adjust as needed\n\n    \/\/ Initialize pagination on page load\n    $(document).ready(function () {\n        const totalItems = 20;\n        loadProducts(1);\n\n        if (totalItems > 0) {\n            initializePagination(totalItems);\n        }\n    });\n\n    function initializePagination(totalItems) {\n        const totalPages = Math.ceil(totalItems \/ itemsPerPage);\n\n        if (totalPages > 1) {\n            let paginationHTML = '<nav><ul class=\"pagination dc_paginations light-theme simple-pagination\">';\n\n            for (let j = 1; j <= totalPages; j++) {\n                if (j === 1) {\n                    paginationHTML += `<li class=\"active\" id=\"${j}\"><a href=\"javascript:void(0)\" onclick=\"loadProducts(${j})\">${j}<\/a><\/li>`;\n                } else {\n                    paginationHTML += `<li id=\"${j}\"><a href=\"javascript:void(0)\" onclick=\"loadProducts(${j})\">${j}<\/a><\/li>`;\n                }\n            }\n\n            paginationHTML += '<\/ul><\/nav>';\n            $('#products-pagination').html(paginationHTML);\n\n            \/\/ Initialize pagination plugin\n            $(\".dc_paginations\").pagination({\n                items: totalItems,\n                itemsOnPage: itemsPerPage,\n                cssStyle: 'light-theme',\n                currentPage: currentPage,\n                onPageClick: function (pageNumber) {\n                    loadProducts(pageNumber);\n                }\n            });\n        } else {\n            $('#products-pagination').html('');\n        }\n    }\n\n    $(document).on('change', '.filter-checkbox', function () {\n        loadProducts(1);\n\n    });\n    function loadProducts(pageNumber) {\n        currentPage = pageNumber;\n        \/\/ Show loader\n        $('#ajax_loader').show();\n        \/\/ Get selected filter values\n        const selectedMarkets = [];\n        const selectedProductsType = [];\n        var sub_cate_name_actives1 = \"\";\n        if (sub_cate_name_actives1 == \"actives\") {\n            selectedMarkets.push('[]');\n            \/\/ ajax_call123(val1,val2);\n        } else {\n            $('input[name=\"market\"]:checked').each(function () {\n                selectedMarkets.push($(this).val());\n            });\n        }\n        var product_type_actives1 = \"\";\n        if (product_type_actives1 == \"actives\") {\n            selectedProductsType.push('[]');\n            \/\/ ajax_call123(val1,val2);\n        } else {\n            $('input[name=\"product_type\"]:checked').each(function () {\n                selectedProductsType.push($(this).val());\n            });\n        }\n\n\n        \/\/ Read again (final values)\n        const new_val1 = JSON.parse(sessionStorage.getItem(\"market\")) || [];\n        const new_val3 = JSON.parse(sessionStorage.getItem(\"pro_type\")) || [];\n\n        console.log(\"Market Array:\", new_val1);\n        console.log(\"Product Type Array:\", new_val3);\n\n        \/\/ Call AJAX only when both arrays have values\n        if (new_val1.length > 0 && new_val3.length > 0) {\n            selectedMarkets.push(new_val1[0]);\n            selectedProductsType.push(new_val3[0]);\n            sessionStorage.removeItem('market');\n            sessionStorage.removeItem('pro_type');\n        }\n\n        \/\/ Prepare data for AJAX request\n        const data = {\n            action: 'fetch_products_data',\n            page: pageNumber,\n            items_per_page: itemsPerPage,\n            markets: selectedMarkets,\n            productType: selectedProductsType\n        };\n\n        \/\/ Make AJAX request\n        $.ajax({\n            url: 'https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-admin\/admin-ajax.php', \/\/ Update with your WordPress AJAX URL\n            method: 'POST',\n            data: data,\n            success: function (response) {\n                \/\/ Hide loader\n                \/\/ console.log(response);\n                var data = JSON.parse(response);\n\n                $('#ajax_loader').hide();\n\n                \/\/ Update products grid\n                $('#filter-output').html(data.products_html);\n\n                \/\/ Update pagination\n                if (data.total_items) {\n                    initializePagination(data.total_items);\n                }\n            },\n            error: function (xhr, status, error) {\n                $('#ajax_loader').hide();\n                console.error('Error loading products:', error);\n            }\n        });\n    }\n\n    \/\/ Your existing functions\n    function open_panel_product(type, key) {\n        var panel = document.querySelector('.panel_' + key);\n        var accordion = document.querySelector('.acc_' + key);\n\n        if (!panel) {\n            panel = document.querySelector('.panel_product' + key) || document.querySelector('.panel_app' + key);\n        }\n        if (!accordion) {\n            accordion = document.querySelector('.acc_pro' + key) || document.querySelector('.acc_app' + key);\n        }\n\n        if (panel && panel.classList.contains('in')) {\n            panel.classList.remove('in');\n            panel.style.maxHeight = null;\n            if (accordion) accordion.classList.remove('actives');\n        } else if (panel) {\n            panel.classList.add('in');\n            panel.style.maxHeight = '176px';\n            if (accordion) accordion.classList.add('actives');\n        }\n    }\n\n<\/script>\n<script>\n    $(document).ready(function () {\n        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=\"tooltip\"]'))\n        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {\n            return new bootstrap.Tooltip(tooltipTriggerEl)\n        })\n    });\n<\/script>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width-no-container.php","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"inline_featured_image":false,"footnotes":""},"class_list":["post-4105","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Products - Kirloskar Brothers Limited<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Products - Kirloskar Brothers Limited\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/\" \/>\n<meta property=\"og:site_name\" content=\"Kirloskar Brothers Limited\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-05T06:43:47+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/\",\"url\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/\",\"name\":\"Products - Kirloskar Brothers Limited\",\"isPartOf\":{\"@id\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/#website\"},\"datePublished\":\"2026-02-11T11:04:51+00:00\",\"dateModified\":\"2026-03-05T06:43:47+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/#website\",\"url\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/\",\"name\":\"Kirloskar Brothers Limited\",\"description\":\"Pumps and Valves Manufacturing Company\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Products - Kirloskar Brothers Limited","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/","og_locale":"en_US","og_type":"article","og_title":"Products - Kirloskar Brothers Limited","og_description":"[vc_row][vc_column][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text css=&#8221;&#8221;][\/vc_column_text][\/vc_column][\/vc_row]","og_url":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/","og_site_name":"Kirloskar Brothers Limited","article_modified_time":"2026-03-05T06:43:47+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/","url":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/","name":"Products - Kirloskar Brothers Limited","isPartOf":{"@id":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/#website"},"datePublished":"2026-02-11T11:04:51+00:00","dateModified":"2026-03-05T06:43:47+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/products\/"]}]},{"@type":"WebSite","@id":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/#website","url":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/","name":"Kirloskar Brothers Limited","description":"Pumps and Valves Manufacturing Company","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/pages\/4105","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/comments?post=4105"}],"version-history":[{"count":6,"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/pages\/4105\/revisions"}],"predecessor-version":[{"id":4139,"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/pages\/4105\/revisions\/4139"}],"wp:attachment":[{"href":"https:\/\/www.kirloskarpumps.com\/kirloskar-pumps\/wp-json\/wp\/v2\/media?parent=4105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}