.product-lp-listing {
    display: flex;
    width: 100%;
}

.product_lp-txt {
    width: 45%;
    z-index: 9;
}

.product-lp-img {
    width: 55%;
}

.product_list p {
    margin-bottom: 40px !important;
}

.product_list .slick-list {
    visibility: visible !important;
}

.clientele_section .clientele_images .swiper-container {
    overflow: visible;
}

.clientele_section .clientele_images .swiper-container:after {
    content: '';
    z-index: 10;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: #edf0f4;
}

.product_list ul.slick-dots {
    top: -100px;
    bottom: auto !important;
    width: 222%;
    display: flex;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Helvetica-Medium';
}

.product_list ul.slick-dots li {
    width: auto !important;
    height: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.product_list ul.slick-dots li button {
    background-color: transparent !important;
    
    width: auto !important;
    height: auto !important;
    font-size: 24px !important;
    color: #101E33;
    font-weight: 500;
    line-height: 35px;
    border-bottom: 5px solid #1da9f100;
    padding-bottom: 10px;
    margin-right: 35px;
    padding: 10px 0px;
    display: block !important;
    
}

.product_list ul.slick-dots li:last-child button {
    margin-right: 0 !important;
}

.product_list ul.slick-dots li.slick-active button {
    border-bottom: 5px solid #1da9f1;
    color: #1da9f1;
}

.rmbtn {
    position: relative;
    padding-left: 60px;
    font-size: 15px;
    line-height: 30px;
    color: #101E33;
}

.rmbtn:before {
    background: #1AA9F0;
    position: absolute;
    content: '';
    top: -12px;
    left: 0;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background-size: 17px;
    transition: all 0.5s;
}

.rmbtn:hover:before {
    width: 50px;
    height: 50px;
    top: -15px;
    left: -3px;
}

.rmbtn:after {
    background: url(https://www.intervalvepoonawalla.com/wp-content/uploads/2024/03/plus-1@2x.png) no-repeat;
    position: absolute;
    content: '';
    top: 1px;
    left: 13px;
    z-index: 9;
    width: 17px;
    height: 17px;
    background-size: 17px;
}

a {
    text-decoration: none !important;
}

ul.slider-images {
    height: 460px;
    margin-left: -110px;
}

.slider-images .slick-list.draggable {
    overflow: visible;
}

.slider-images .slick-list {
    overflow: visible;
}

.slider-images .slick-slide {
    opacity: 0;
}

.slider-images .slick-slide.slick-active.slick-current {
    opacity: 1;
}

.slider-images .slick-slide.slick-active+.slick-slide {
    opacity: 1;
}

.slider-images {
    width: 100%;
    background-color: transparent;
}

.slider-images .slick-track {
    display: flex;
    align-items: start;
    flex-wrap: nowrap;
    justify-content: center;
    overflow: visible;
}

.slider-images .slick-slide {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 10px 0px;
    margin: 10px;
    background-color: white;
    transition: all 0.3s ease;
    height: auto;
    text-align: center;
}

.slider-images .slick-slide.slick-current,
.slider-images .slick-slide.slick-center {
    padding: 30px 0px;
}

.slider-images .slick-slide img {
    transform: scale(1.0);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.slider-images .slick-slide.slick-center img {
    width: 100%;
    transform: scale(1.5);
    margin: 44px 0 0 -78px;
}

.slider-images button.slick-arrow {
    bottom: 55px;
    background: #234668;
    background-image: url(https://websitenn.com/kinematics/wp-content/uploads/2025/11/white-arw.png);
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    margin: 0 auto;
    height: 42px;
    width: 42px;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 9;
    transition: all 0.5s;
}

.slider-images button.slick-prev.slick-arrow {
    background-image: url(https://websitenn.com/kinematics/wp-content/uploads/2025/11/pre-arrow.png);

}


.slider-images button.slick-arrow:hover,
.clientele_images .elementor-swiper-button:hover {
    transition: all 0.5s;
}

.slider-images button.slick-prev.slick-arrow:hover,
.clientele_images .elementor-swiper-button.elementor-swiper-button-prev:hover {}

.clientele_images .elementor-swiper-button.elementor-swiper-button-next:hover {}

.formsubmitbtn button.contactsbmt-btn {
    background-color: transparent;
    color: #000000;
    margin-left: 30px;
}

.formsubmitbtn:hover button.contactsbmt-btn {
    color: #1aa9f0;
}

.slider-images button {
    font-size: 0px !important;
    padding: 0;
    margin: 0;
}

.slider-images button.slick-next.slick-arrow {
    right: -65px;
}

button.slick-prev.slick-arrow {

    right: -3px;
}

.slider-images button.slick-arrow::before {
    display: none;
}

.slider-images ul.slick-dots {
    display: none;
}

ul.product_list {
    padding: 0;
    margin: 0;
    position: relative;
    background-color: #ffffff;
    z-index: 9999999;
}

ul.product_list>li {
    list-style: none;
    margin-bottom: 20px;
}

ul.listproduct li {
    width: 100%;
    color: #101E33;
    font-size: 16px;
    font-weight: 600;
    line-height: 33px;
    margin: 1px 0;
    position: relative;
    list-style: none;
    padding: 0 0 0 20px;
}

.product_list li.slick-slide {
    padding-bottom: 25px;
}

ul.listproduct {
    display: flex;
    flex-flow: wrap;
    margin: 0 0 50px;
    padding: 0;
}

.product_list p {
    font-size: 16px;
    line-height: 30px;
    color: #101E33;
    text-align: justify;
}

ul.product_list>li h2.elementor-heading-title {
    color: #101E33;
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
}

section.product-listing .slick-slide li h2.elementor-heading-title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

ul.product_list>li p {
    color: #101E33;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    margin: 20px 0 20px;
}

ul.listproduct li:after {
    content: '';
    background: #1AA9F0;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 7px;
    width: 7px;
    border-radius: 100%;
}

ul.listproduct li::marker {
    display: none;
}

ul.listproduct a.rmbtn {
    top: -12px;
}

.product_list ul.slick-dots li.slick-active {
    background: transparent !important;
}

.product_list ul.slick-dots li button:before {
    display: none !important;
}

.product_list ul.slick-dots li.slick-active button {
    border-bottom: 5px solid #9F2B00 !important;
    color: #9F2B00 !important;
}

.product_list ul.slick-dots li button {
    background: transparent;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    color: #101E33;
    border-bottom: 5px solid transparent;
    transition: all 0.3s ease;
}


.product_list .slick-slide a[href=""],
.product_list .slick-slide a:not([href]) {
    display: none;
}


/* @media(min-width: 1500px) and (max-width: 1920px) { */
    .product-listing .slick-track {
        gap: 20px;
    }


    .product-listing .slick-slide li {
        width: 100%;
        height: 350px;
    }

    .product-listing .slick-slide li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider-images .slick-slide.slick-center img {
        transform: scale(1.2);
    }

    .slider-images button.slick-arrow {
        bottom: 0;
    }

/* } */


/* =========================================================
   IV Manual Tab Slider V3.4.6 (By NN) – Responsive Layer
   - Image aspect ratio fix
   - Accordion layout for mobile & tablet (with image inside)
   ========================================================= */

/* 1) Image ko original ratio me show karo (no stretch / crop) */
.slider-images .slick-slide img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
}

/* Large screens ke liye bhi ratio maintain karega */
/*@media (min-width: 1500px) and (max-width: 1920px){*/
.product-listing .slick-slide li img {
    width: 100%;
    height: auto !important;
    object-fit: contain !important;
}

/*}*/

/* 2) Accordion layout ke liye base styles */
.iv-v3-accordion {
    margin-top: 30px;
}

.iv-v3-acc-item {
    border: 1px solid #ddd;
    margin-bottom: 8px;
    background: #f9f9f9;
}

.iv-v3-acc-header {
    width: 100%;
    text-align: left;
    padding: 12px 16px;
    background: #f1f1f1;
    border: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.iv-v3-acc-header::after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.iv-v3-acc-item.active .iv-v3-acc-header::after {
    content: "-";
}

.iv-v3-acc-body {
    display: none;
    padding: 12px 16px 16px;
    background: #ffffff;
}

.iv-v3-acc-img {
    margin-top: 10px;
}

.iv-v3-acc-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Desktop par accordion hide, original 45/55 layout hi chalega */
@media (min-width: 1025px) {
    .iv-v3-accordion {
        display: none;
    }
}

/* Mobile + Tablet (≤1024px):
   - purana flex layout hide
   - accordion show
   - image slider ke kuch heavy effects off
*/
@media (max-width: 1024px) {
    .product-lp-listing {
        display: none;
    }

    .iv-v3-accordion {
        display: block;
    }

    ul.slider-images {
        height: auto;
        margin-left: 0;
    }

    .slider-images .slick-slide.slick-center img {
        transform: scale(1);
        margin: 0;
    }
}



/* =======================================
   FIX for sections having ≤3 slides
   Parent class: .three-slide
   ======================================= */


.three-slide section.product-listing .slider-images {
  width: 100%;
}

.three-slide section.product-listing .slider-images .slick-slide img {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 460px;
  object-fit: contain !important;
  margin: 0 auto;
  display: block;
}