.common-hero-banner .inner-page-content h1 span {
    font-size: 2.346vw;
    letter-spacing: 0.07vw;
}
.formulations {
    padding-top: 6vw;
    padding-bottom: 4vw;
    background-image: url(../images/formulations-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}


.formulations .section-header {
    text-align: center;
    margin: 0 0 3.5vw;
}

.formulations .section-header .border svg {
    display: block;
    width: 4.8vw;
    height: 0.16vw;
    margin: 1.3vw auto 1.3vw auto;
}


.formulations .section-header p {
    font-size: 1.1vw;
    color: #7F7F8A;
    font-family: "Roboto";
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.034vw;
}

.formulations .section-header h2 {
    color: #000E66;
    font-size: 2.72vw;
    letter-spacing: 0.082vw;
    font-family: "Poppins", sans-serif;
    position: relative;
    font-weight: 700;
    line-height: 1.4;
}

.formulations .section-header .title-foreground {
    position: absolute;
    width: 100%;
    letter-spacing: 0.154vw;
    left: 0;
    text-align: center;
    font-size: 5.11vw;
    top: calc(50% - 0.2vw);
    transform: translateY(-50%);
    z-index: -1;
    color: #0D0D0D;
    opacity: 5%;
}

.formulations .types {
    display: flex;
    flex-wrap: wrap;
    gap: 1.57vw;
    justify-content: center;
    padding: 0 8.8vw;
    cursor: pointer;
}

.formulations .types .category {
    width: calc(25% - 1.18vw);
    background: #fff;
    overflow: hidden;
    position: relative;
    border-radius: 0.55vw;
    box-shadow: 0.1vw 0.17vw 0.5vw #00000029;
}


.formulations .types .category .hover img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.formulations .types .category .hover img+img {
    opacity: 0;
    visibility: hidden;
    /*filter: brightness(0.7);*/
    transition: all 0.3s ease-in-out;
}

.formulations .types .category .hover::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: #000;
    opacity: 0%;
    transition: all 0.3s ease-in-out;

}



.formulations .types .category .hover {
    padding-top: 142.4%;
}

.formulations .types .category .hover .inner-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 10%);
    transition: all 0.3s ease-in-out;
    width: 100%;
    z-index: 1;
    text-align: center;
    opacity: 0;
}




.formulations .types .category .hover .inner-txt h3 {
    color: #fff;
    font-size: 2.61vw;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0.08vw;
    line-height: 1.4;
    margin: 0 0 3vw;
    transition: all 0.3s ease-in-out;
    transform: scale(0.7);
}




.formulations .types .category .hover .inner-txt p {
    font-size: 0.94vw;
    letter-spacing: 0.029vw;
    font-family: 'Poppins';
    font-weight: 400;
    color: #fff;
    line-height: 2.2;
    max-width: 14vw;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    min-height: 10.5vw;
}

.formulations .types .category h2 {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #041C4D;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    font-size: 1.83vw;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0.06vw;
}

.formulations .types .category:nth-child(3) h2,
.formulations .types .category:nth-child(4) h2 {
    color: #fff;
}

body.page-health-supplement .formulations .types .category h2{color: #fff;}

.page-food-beverage .formulations .types .category:nth-child(1) h2{color:#fff;}

.page-personal-care .formulations .types .category:nth-child(3) h2{
color: #041C4D;
}


@media(min-width:767px){

.formulations .types .category:hover {
    box-shadow: none;
}

.formulations .types .category:hover .hover::after {
    opacity: 30%;
}

.formulations .types .category:hover .hover img+img {
    opacity: 1;
    visibility: visible;
}
.formulations .types .category:hover .hover .inner-txt {
    transform: translate(-50%, -50%);
    opacity: 1;

}
.formulations .types .category:hover .hover .inner-txt h3 {
    transform: scale(1);
}
.formulations .types .category:hover h2 {
    opacity: 0;
    transform: translate(-50%, -100%);
}
}


.packaging {
    background: url(../images/packing-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 5vw 0;
}
.packaging .section-header h2 {
    text-align: center;
    color: #fff;
    font-family: "poppins";
    font-weight: 500;
    font-size: 2.62vw;
    line-height: 1.4;
    margin: 0 0 4vw;
    position: relative;
}
.packaging .section-header h2::after {
    display: block;
    width: 4vw;
    height: 0.08vw;
    background: #fff;
    content: "";
    margin: 1.1vw auto 0;
}
.packaging ul li {
    padding: 0  1.69vw;
}
.packaging ul li img {
    border-radius: 0.45vw;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}
.packaging ul li figure{
    overflow: hidden;
     border-radius: 0.45vw;
     cursor: pointer;
     position: relative;
}
.packaging ul li figure:hover img {
    transform: scale(1.04);
}

.packaging  ul.slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 0.8vw;
    margin-top: 1.7vw;
    margin-bottom: 2.5vw;
    min-height: 0.8vw;
}

.packaging  ul.slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
}

.packaging  ul.slick-dots li button {
    padding: 0;
    font-size: 0;
    margin: 0;
    border: 0;
    width: 0.4vw;
    height: 0.4vw;
    background: #FFFFFF;
    border-radius: 50%;
    outline: 0;
    opacity: 30%;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s;
}

.packaging  ul.slick-dots li.slick-active button {
    width: 0.7vw;
    height: 0.7vw;
    opacity: 1;
}

.packaging .slick-arrow{position:absolute;top:50%;width:3.13vw;height:3.13vw;border:0;z-index:1;cursor:pointer;border-radius:50%;font-size:0;outline:0;transition:all 0.3s;left:-4.2vw;transform:translateY(-50%);background:rgba(80, 80, 80, 0.2);}
.packaging button.slick-next{right:-4.2vw !important;left:auto;}
.packaging .slick-arrow::after{content:"";position:absolute;width:1vw;height:1vw;border-left:0.2vw solid #fff;border-bottom:0.2vw solid #fff;top:50%;left:50%;transform:translate(-50%, -50%) rotate(45deg);transform-origin:center center;margin-left:0.2vw;transition:all 0.3s;}
.packaging button.slick-next::after{transform:translate(-50%, -50%) rotate(-135deg) !important;margin-left:-0.2vw;}
.packaging .slick-arrow:hover{transform:translateY(-50%) scale(1.1);background:rgba(80, 80, 80, 0.10);}

.packaging  .btn-primary3{
    background: #F27420;
    max-height: 3.13vw;
    font-family: "Poppins";
}



.our-machinery {
    padding-top: 8vw;
    padding-bottom: 8vw;
    background: url(../images/our-machinery-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} 

.page-food-beverage .our-machinery {
    background:url(../images/food-our-machinery-bg.png);
     background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.our-machinery p {
    font-size: 1.25vw;
    color: #000000;
    letter-spacing: 0.038vw;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    margin: 0 0 0.55vw;
    line-height: 1.4;
}
.our-machinery h2{
    color: #000E66;
    font-size: 2.72vw;
    font-family: "Poppins";
    font-weight: 600;
    letter-spacing: 0.08vw;
    line-height: 1.4;
}
.our-machinery .border svg {
    width: 4.8vw;
    height: 0.16vw;
    display: block;
    margin-top: 0.5vw;
    margin-bottom: 1.5vw;
}
.our-machinery  .content {
    padding-right: 7vw;
}
.our-machinery  .content p {
    font-size: 1.15vw;
    color: #7F7F88;
    letter-spacing: 0.035vw;
    margin: 0 0 1.9vw;
    font-family: "Roboto";
    font-weight: 400;
    line-height: 1.6;
}
.our-machinery  .slick-list,.our-machinery .machinery-slider-bottom {
    padding-left: 9.80vw;
}
.our-machinery .slide {
    margin-right: 1.5vw;
    box-shadow: 0px 3px 6px #00000029 !important;
    margin-bottom: 2.4vw;
    cursor: pointer;
}

/* .scrollbar-popup-open {
    overflow: hidden;
}
    */
/* html:has(.scrollbar-popup-open ) {
    overflow-y: hidden;
        height: 100vh;

}  */
.our-machinery .slick-list {
    /* padding-right: 16.3vw; */
        padding-right: 7.1vw;
}
.page-food-beverage  .our-machinery .slick-list {
     padding-right: 6.4vw;
}
.page-health-supplement  .our-machinery .slick-list {
 padding-right: 7.19vw;
}

.page-traditional  .our-machinery .slick-list {
     padding-right: 5.7vw;
}
.page-home-care   .our-machinery .slick-list {
     padding-right: 8.5vw;

}

.our-machinery .action-button {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.7vw;
}
.our-machinery .action-button span {
    width: 3.13vw;
    height: 3.13vw;
    border: 0.11vw solid #041C4D;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    font-size: 0;
    outline: 0;
    transition: all 0.3s;
    position: relative;
    display: inline-block;
}

.our-machinery .action-button span::after {
    content: "";
    position: absolute;
    width: 1vw;
    height: 1vw;
    border-left: 0.2vw solid #041C4D;
    border-bottom: 0.2vw solid #041C4D;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center center;
    margin-left: 0.2vw;
    transition: all 0.3s;
}

.our-machinery .action-button span.next::after {
    transform: translate(-50%, -50%) rotate(-135deg) !important;
    margin-left: -0.2vw;
}

.our-machinery .action-button span.disabled,.our-machinery span.disabled::after {
    border-color: #B2B2B2 !important;
        background: rgba(255, 255, 255, 0.5) !important;
}

.machinery-slider-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 82.3vw;
     justify-content: space-between;
    column-gap: 0.5vw;
}

.machinery-custom-scrollbar {
    position: relative;
    height:0.11vw;
    background: #E1E1E1;

    border-radius: 5px;
    overflow: hidden;
    width: calc(100% - 7.5vw);
}

.machinery-scrollbar-thumb {
    position: absolute;
    height: 100%;
    background-color: #707070;
    border-radius: 5px;
    left: 0;
    width: 0;
    cursor: pointer;
    user-select: none;
    transition: left 0.2s ease;
}

.action-button .prev[disabled],
.action-button .next[disabled] {
    opacity: 0.5;
    pointer-events: none;
}
.edmark-scrollbar-popup.machinery-popup .main-slider  img.desktop {
      max-height: 40vw;
      width: auto;
}
.edmark-scrollbar-popup.machinery-popup .main-slider  img.desktop {
    width: auto;
    max-height: 40vw;
        background: #fff;
            margin: 0 auto;

    padding: .786vw;
    box-shadow: 0px 3px 20px #00000080;
}

.edmark-scrollbar-popup.machinery-popup .popup-inner .main-slider {
    background: transparent;
    padding: 0;
    box-shadow: none;
}

.product-range .section-header {
    text-align: center;
}
.product-range .section-header h2 {
    font-size: 2.72vw;
    color: #000E66;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0.07vw;
    line-height: 1.4;
    margin: 0 0 1vw;
}
.product-range .section-header h2 span{
    color: #F27420;
}
.product-range .section-header p {
    font-size: 1.1vw;
    color: #7F7F8A;
    font-family: "Roboto";
    font-weight: 400;
    letter-spacing: 0.038vw;
    margin: 0;
}
.product-range {
    padding-top: 7.5vw;
    padding-bottom: 7.5vw;
}
.product-range  ul.products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.7vw 0 2.2vw;
}
.product-range .products li.product {
    width: calc(20% - 1.6vw);
    margin: 1vw 0.8vw;
    box-shadow: 6px 6px 12px #0000001A;
    padding: 1.1vw 0;
    border-radius: 0.54vw;
     transition: all 0.3s ease-in-out;
}
.product-range ul.products .slick-track {
    display: flex;
    flex-wrap: wrap;
}
.product-range ul.products .slick-list li.product {
    margin: 1vw 1vw;
   
    height: auto;
}
.product-range ul.products  li.product{
 overflow: hidden;
}
@media (max-width: 1199px) and (min-width: 768px) {
.container.xs-space.pack-m-slider {
    padding-right: 6vw;
    padding-left: 6vw;
}
.product-range .container.xs-space + .container.xs-space {
    padding-left: 50px;
    padding-right: 50px;
}
.product-range ul.products .slick-list li.product {
    margin: 1.8vw 1.2vw;
 }
}
@media(min-width:1200px){
    .product-range .container.xs-space + .container.xs-space{
        padding-left: 8vw;
        padding-right: 8vw;
    }
}
/*.product-range ul.products .slick-list {
    padding-right: 1vw;
    width: calc(100% + 0.5vw);
}*/
.product-range .products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    /* border-bottom: 0.07vw solid #ddd; */
    /* margin-bottom: 0.55vw; */
    display: block;
    width: calc(100% - 1.6vw);
    margin-top: 0.8vw;
    margin-left: auto;
    transition: all 0.3s;
    margin-right: auto;
}
.product-range .products li.product h2.woocommerce-loop-product__title::before {
    content: "";
    position: absolute;
    height: 0.0521vw;
    width: calc(100% - 3.2vw);
    background: #E9E9E9;
    top: 0vw;
    left: 50%;
    transform: translateX(-50%);
}
.product-range .products li.product .btn-primary{
    position: relative;
}
.product-range .products li.product h2.woocommerce-loop-product__title {
    color: #041C4D;
    font-size: 1.25vw;
    text-align: center;
    font-family: "poppins";
    background-color: #fff;
    font-weight: 600;
    line-height: 1.38;
    position: relative;
    min-height: 5.8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.038vw;
    flex-direction: column;
    margin: 0 0 0;
    transition: all 0.3s;
    padding: 1vw 0;
}
.product-range .products li.product:hover a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    transform: scale(1.065);
}
.product-range .products li.product  .btn-primary {
    height: 2.65vw;
    font-size: 0.94vw;
    text-transform: capitalize;
    letter-spacing: normal;
    font-family: "poppins";
    text-transform: uppercase;
    background: #041C4D !important;
    letter-spacing: 0.03vw;
}
.product-range .products li.product  .btn-primary:hover {
background: #F27420 !important;    
}
.product-range  .button-wrap .btn-primary.orange,.packaging .button-wrap .btn-primary.orange{
    font-family: 'Poppins';
}
.product-range .button-wrap .btn-primary.orange svg, .packaging .button-wrap .btn-primary.orange svg{
display:none;
}


.edmarkind-popup[data-type="packaging"] .image-thumbnails {
    max-height: 33.9vw;
    overflow-y: auto;

}
@media(min-width:767px){
  .product-range  .button-wrap .btn-primary.orange, .packaging .button-wrap .btn-primary.orange {
    height: 3.125vw;
    padding: 0.834vw 1.4vw;
    min-width: 9.2vw;
}
.edmarkind-popup[data-type="packaging"] .image-thumbnails {
  padding-right: 0.5vw;
    
}
  .product-range  .button-wrap .btn-primary.orange:hover, .packaging .button-wrap .btn-primary.orange:hover {
    font-size: 1.2vw;
  }
}

.product-range .slick-arrow {
    position: absolute;
    top: 50%;
    width: 3.13vw;
    height: 3.13vw;
    border: 0;
    z-index: 1;
    cursor: pointer;
    background: transparent;
    border-radius: 50%;
    font-size: 0;
    outline: 0;
    transition: all 0.3s;
    left: -4vw;
    transform: translateY(-50%);
    background: rgba(80, 80, 80, 0.2);
}

.product-range button.slick-next {
    right: -4vw !important;
    left: auto;
}

.product-range .slick-arrow::after {
    content: "";
    position: absolute;
    width: 1vw;
    height: 1vw;
    border-left: 0.2vw solid #fff;
    border-bottom: 0.2vw solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: center center;
    margin-left: 0.2vw;
    transition: all 0.3s;
}

.product-range button.slick-next::after {
    transform: translate(-50%, -50%) rotate(-135deg) !important;
    margin-left: -0.2vw;
}

.product-range .slick-arrow:hover {
    transform: translateY(-50%) scale(1.1);
    border-color: #B2B2B2;
}

.product-range ul.slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 10px;
    margin-top: 0.5vw;
        min-height: 0.8vw;
    margin-bottom: -0.6vw;
}

.product-range ul.slick-dots li {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.product-range ul.slick-dots li button {
    padding: 0;
    font-size: 0;
    margin: 0;
    border: 0;
    width: 0.4vw;
    height: 0.4vw;
    background: #707070;
    border-radius: 50%;
    outline: 0;
    opacity: 0.3;
    box-shadow: none;
    cursor: pointer;
    transition: all 0.3s;
}

.product-range ul.slick-dots li.slick-active button {
    width: 0.7vw;
    height: 0.7vw;
    opacity: 1;
}



.edmarkind-popup-open{
    overflow: hidden;
}





.product-features .section-header p {
    font-size: 1.25vw;
    color: #707070;
    font-family: 'Poppins';
    font-weight: 500;
    letter-spacing: 0.038vw;
    margin: 0 0 0.5vw;
    line-height: 1.38;
}

.product-features .section-header  h2 {
    font-size: 2.74vw;
    color: #F27420;
    font-family: 'Poppins';
    font-weight: 400;
    letter-spacing: 0.082vw;
    line-height: 1.4;
    margin: 0 0 1vw;
}
.product-features .section-header  h2 strong{
    color: #000E66;
    font-weight: 600;
}
.product-features .section-header .border svg {
    display: block;
    width: 4.8vw;
    height: 0.16vw;
    
    margin: 0 auto;
}

@media(min-width:767px){
    .machinery-slider-main .our-machinery-slider .slide.triggerpopup img {
    transition: all 0.3s ease-in-out;
    width: 100%;
}
    .machinery-slider-main .our-machinery-slider .slide.triggerpopup{
        overflow: hidden;
    }
    .machinery-slider-main .our-machinery-slider .slide.triggerpopup:hover img {
        transform: scale(1.08);
    }
.product-features {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    padding-top: 52.9vw;
}
.product-features .section-header {
    text-align: center;
    position: absolute;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 4vw;
}

.product-features .features .feature {
    position: absolute;
}
.product-features .features .feature:first-child {
    top: 16vw;
    max-width: 22vw;
    left: 12.5vw;
}
.product-features .features .feature:nth-child(2) {
    top: 15.8vw;
    right: 5.3vw;
    max-width: 26vw;
}
.page-personal-care .product-features .features .feature:nth-child(2) {
    top: 18vw;
    right: 6.5vw;
   

}
.page-personal-care  .product-features .features .feature:first-child {
    top: 18.3vw;
    max-width: 20vw;

}
.page-personal-care  .product-features .features .feature:nth-child(3) {
    bottom: 12.4vw;
    max-width: 19.5vw;
}
.page-personal-care .product-features .features .feature:nth-child(4) {
    right: 9vw;
    max-width: 24.5vw;
    bottom: 8vw;
}
.page-personal-care .product-features .features .feature:nth-child(4) p{
        max-width: 22vw;
}


.product-features .features .feature:nth-child(3) {
    position: absolute;
    bottom: 8vw;
    left: 12.5vw;
    max-width: 20vw;
}
.product-features .features .feature:nth-child(4) {
    position: absolute;
    right: 10.5vw;
    max-width: 19.5vw;
    bottom: 6vw;
}
.product-features  .features .feature h2 {
    color: #101010;
    font-family: "poppins";
    font-weight: bold;
    margin: 0 0 1.4vw;
    position: relative;
    line-height: 1.12;
    letter-spacing: 0.05vw;
     padding-left: 3.5vw;
    font-size: 1.57vw;
    transition: all 0.3s ease-in-out;
}
.product-features  .features .feature p {
    font-size: 1.07vw;
    color: #444444;
    font-family: "poppins";
    font-weight: 400;
    margin: 0;
    letter-spacing: 0.032vw;
    line-height: 1.62;
}
.product-features  .features .feature  .inner {
    position: relative;
   
}
.product-features  .features .feature  .inner .icon {
    position: absolute;
    left: 0;
    width: 3vw;
    height: 3vw;
    top: 50%;
    transform: translateY(-50%);
}





.product-features .features .feature:nth-child(2) .inner .icon{width:3.55vw;height:3.55vw;}
.product-features .features .feature:nth-child(2) .inner .icon svg{width:3.55vw;height:3.55vw;}
.product-features .features .feature:nth-child(2)  h2 {
    padding-left: 4.5vw;
    min-width: 27vw;
}

body:not(.page-traditional) .formulations .types .category {
    width: calc(28.2% - 1.18vw);
}
body:not(.page-traditional) .formulations .types .category .hover {
    padding-top: 135.4%;
}





.product-features .features .feature .inner .icon svg {
    width: 3vw;
    height: 3vw;
    transition: all 0.3s ease-in-out;
}
.product-features .features .feature .icon svg path{
 transition: all 0.3s ease-in-out;
}
.product-features .features .feature:hover .icon svg path{
    fill: #fff;
    stroke: #041C4D;
}
.product-features .features .feature h2 span{display: inline-block; transition: all 0.3s ease-in-out; transform-origin: left center;}
.product-features .features .feature:hover h2 span{
    transform: scaleX(1.04);
}

body.page-health-supplement .product-features .features .feature:first-child {
    top: 15vw;

}
body.page-health-supplement .product-features .features .feature:nth-child(3) {
    bottom: 9vw;

}
body.page-health-supplement .product-features .features .feature:nth-child(2) {
    top: 14.3vw;
    right: 4.3vw;
   
}
body.page-health-supplement .product-features .features .feature:nth-child(4) {
    bottom: 8vw;
}



body.page-food-beverage .product-features .features .feature:first-child {
    top: 14vw;

}
body.page-food-beverage .product-features .features .feature:nth-child(3) {
    bottom: 10vw;
}
body.page-food-beverage .product-features .features .feature:nth-child(2) {
    top: 14.5vw;
    right: 6.8vw;
}
body.page-food-beverage .product-features .features .feature:nth-child(4) {
    bottom: 8vw;
    right: 13vw;
    max-width: 20vw;
}

.page-home-care .product-features .features .feature:first-child {
    top: 16.7vw;
   }
.page-home-care   .product-features .features .feature:nth-child(2) {
    top: 16.5vw;
    right: 6.3vw;
 }
.page-home-care  .product-features .features .feature:nth-child(3) {
    left: 12.5vw;
    max-width: 19vw;
    bottom: 12.2vw;
}
.page-home-care  .product-features .features .feature:nth-child(4) {
    right: 8vw;
    max-width: 24.5vw;
    bottom: 13vw;
}

}
@media(min-width:767px) {
    .edmark-scrollbar-popup.machinery-popup .thumbnail-slider img {
    width: auto;
    height: auto;
    max-height: 64px;
}
.edmark-scrollbar-popup.machinery-popup .thumbnail-slider {
        gap: 0.3vw;
}
    .edmark-scrollbar-popup.machinery-popup .main-slider button.slick-next {
    right: 8.5vw;

}
.edmark-scrollbar-popup.machinery-popup .main-slider button.slick-prev{
    left: 8.5vw;
}

.edmark-scrollbar-popup.machinery-popup .switch-grid-view{
        display: none;
    }
    .our-machinery .action-button span:not(.disabled):hover {
        background:#041C4D;
    }
.our-machinery .action-button span:not(.disabled):hover::after {
        border-color: #fff;
    }

   .our-machinery .action-button span:not(.disabled):hover {
        transform: scale(1.1);
        border-color: #B2B2B2;
    }
  .product-range  .products li.product:hover {
    transform: translateY(-1vw);
}
.product-range .products li.product:hover h2.woocommerce-loop-product__title {
   transform: scale(1.05);
}
}




/*Gallery Popup*/
.edmarkind-popup{position: fixed;top: 0;left: 0;z-index: 9999;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.55);display: flex;align-items: center;justify-content: center;padding: 0;box-sizing: border-box;}
.edmarkind-popup .popup-content {background: #fff;max-width: 57.1vw;width: 100%;display: flex;/*gap: 1.57vw;*/padding: 0.8vw;position: relative;box-shadow: none;border-radius: 0;border: 1px solid #707070;}
.edmarkind-popup .image-slider .slick-arrow {top: 50%;position: absolute;height: auto;background: rgba(80, 80, 80, 0.2);border: none;font-size: 0;transform: translateY(-50%);transition: all 0.3s;border-radius: 50%;}
.edmarkind-popup .image-slider button.slick-prev:before {transition: 0.3s ease-in-out;transform: rotate(-180deg);background-image: url(../images/btn-arrow.svg);width: 3vw;height: 3vw;content: "";background-size: 0.75vw;font-size: 0px;background-repeat: no-repeat;padding: 0;border-radius: 50%;background-position: center center;z-index: 1;position: relative;display: block;visibility: visible;opacity: 1;filter: invert(1) brightness(100);position: relative;left: -0.1vw;}
.edmarkind-popup .image-slider button.slick-next:before {transition: 0.3s ease-in-out;background-image: url(../images/btn-arrow.svg);width: 3vw;height: 3vw;content: "";background-size: 0.75vw;font-size: 0px;z-index: 1;position: relative;background-repeat: no-repeat;padding: 0;border-radius: 50%;background-position: center center;display: block;visibility: visible;opacity: 1;filter: invert(1) brightness(100);position: relative;left: 0.1vw;}
@media(min-width:767px) {
.edmarkind-popup .image-slider button.slick-next:hover{transform: translateY(-50%) scale(1.1);}
.edmarkind-popup .image-slider button.slick-prev:hover {transform: translateY(-50%) scale(1.1);}
}
.edmarkind-popup .image-slider button.slick-prev:hover:after{visibility: visible;}
.edmarkind-popup .image-slider button.slick-next:hover:after{visibility: visible;}
.edmarkind-popup .image-slider button.slick-next {right: 1.1vw;cursor: pointer;}
.edmarkind-popup .image-slider button.slick-prev {left: 1.1vw;cursor: pointer;z-index: 1;}
.edmarkind-popup .image-slider-wrap {width: 64%;padding-right: 1.57vw;}
.edmarkind-popup .image-slider .image-slide {text-align: center;border-radius: 5px;overflow: hidden;}
.edmarkind-popup .image-slider .slick-list {border-radius: 5px;border: 1px solid #CCCCCC;}
.edmarkind-popup .image-slider img {max-width: 100%;width: 100%;}
.edmarkind-popup .image-thumbnails {width: 36%;display: flex;gap: 0.8vw;overflow-y: auto;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;height: 100%;}
.edmarkind-popup .thumbnail {border: 0.1vw solid transparent;padding: 0;border-radius: 0;cursor: pointer;transition: all 0.3s ease;width: calc(33.33% - 0.6vw);}
.edmarkind-popup .thumbnail.active {border-color: #041C4D;}
.edmarkind-popup .thumbnail img {width: 100%;display: block;}
.edmarkind-popup .close-popup {position: absolute;top: -3.5vw;right: -4.5vw;background: none;border: none;font-size: 32px;color: #000;line-height: 1;cursor: pointer;}
.edmarkind-popup .close-popup svg {width: 1.2vw;height: 1.2vw;}

.edmarkind-popup .thumbnail.view-more {
    position: relative;
}
.edmarkind-popup  .thumbnail.view-more.slide-lock::after {
    content: "";
    position: absolute;
    top: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: 0.33;
}
.edmarkind-popup .thumbnail.view-more span.more,.edmarkind-popup .thumbnail.view-less span.less {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Poppins';
    transition: all 0.3s;
    font-weight: 500;
    font-size: 0.84vw;
}
.edmarkind-popup .thumbnail.view-more span.more samp{
    font-family: 'Poppins';
    transition: all 0.3s;
    font-weight: 500; 
}
.edmarkind-popup .thumbnail.view-more:hover span.more{
        font-size: 0.94vw;
}
.edmarkind-popup .thumbnail.view-less {
    background: #000;
    aspect-ratio: 1;
    opacity: 0.33;
    position: relative;
}
.edmarkind-popup .thumbnail.view-less:hover span.less {
    font-size: 0.94vw;  
}
/*Gallery Popup end*/




@media(max-width:767px) {
    .common-hero-banner .inner-page-content h1 span {
        font-size: 3vw;
    }
    .edmark-scrollbar-popup .close-popup{
        z-index: 1;
    }
    .edmark-scrollbar-popup.packaging-popup .thumbnail-slider .slick-list {
        padding-left: 30px;
        padding-right: 30px;
    }

  .page-home-care   .formulations ul.slick-dots{
    display: none;
    }
   .page-home-care  .our-machinery {
    background: url(../images/home-care-our-machinery-bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
  .edmark-scrollbar-popup.machinery-popup .thumbnail-slider div{
    border: 0;
  }
  .edmark-scrollbar-popup.machinery-popup .thumbnail-slider img {
    max-width: 100%;
    width: auto;
    border-radius: 2px;
    border: 1px solid transparent;
    max-height: 45px;
}
.edmark-scrollbar-popup .switch-grid-view {
    z-index: 1;
}
.edmark-scrollbar-popup .thumbnail-slider div.active {
    background: #CECDCE;
}
.edmark-scrollbar-popup .thumbnail-slider div.active img {
    border:0;
    border-radius:2px;
}
.edmark-scrollbar-popup.packaging-popup .grid-thumbs img {
      border: 1px solid #B2B2B2;
    border-radius: 3px;
}
.edmark-scrollbar-popup.machinery-popup .thumbnail-slider div.active img {
    border: 2px solid #CECECE;
    border-radius: 2px;
}
    .edmark-scrollbar-popup.machinery-popup .thumbnail-slider .slick-list{
        padding-left: 30px;
    }
    .product-range .section-header h2 {
    font-size: 5.85vw;
    letter-spacing: 0.18vw;
    margin: 0 0 25px;
}
.product-range .section-header p {
    font-size: 3.8vw;
    letter-spacing: 0.11vw;
    line-height: 1.38;
}
  .edmark-scrollbar-popup.machinery-popup .popup-inner .main-slider  .slick-track {
    display: flex;
    flex-wrap: wrap;
}
  .edmark-scrollbar-popup.machinery-popup .popup-inner .main-slider  .slick-track  .slick-slide {
    height: auto;
    display: flex;
    align-items: center;
}
    .formulations {
    padding-top: 50px;
    padding-bottom: 30px;
    background-image: url(../images/formulation-mobile-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

    .formulations .section-header h2 {
        color: #000061;
        font-size: 25px;
        letter-spacing: 0.75px;
    }

    .formulations .section-header .title-foreground {
        letter-spacing: 1.2px;
        font-size: 40px;
        top: 50%;
    }

    .formulations .types {
        display: block;
        padding: 0;
    }

  .formulations ul.slick-dots {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    gap: 10px;
    margin-top: 0;
    min-height: 10px;
}


    .formulations ul.slick-dots li {
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .formulations ul.slick-dots li button {
        padding: 0;
        font-size: 0;
        margin: 0;
        border: 0;
        width: 5px;
        height: 5px;
        background: #707070;
        border-radius: 50%;
        outline: 0;
        opacity: 0.3;
        box-shadow: none;
        cursor: pointer;
        transition: all 0.3s;
    }

    .formulations .section-header p {
        font-size: 16px;
        letter-spacing: 0.48px;
        line-height: 25px;
    }

    .formulations .section-header p {
        font-size: 3.75vw;
        letter-spacing: 0.113vw;
        line-height: 1.56;
    }

    .formulations .slick-list {
        padding: 0 17.74vw;
    }
.formulations .types .category .hover {
    padding-top: 142%;
}
.formulations .section-header {
    margin: 0;
}
    .formulations ul.slick-dots li.slick-active button {
        width: 9px;
        height: 9px;
        opacity: 1;
    }
.formulations .section-header .border svg {
    display: block;
    width: 75px;
    height: 2px;
    margin: 10px auto 25px auto;
}
    .formulations .types .category {
    border-radius: 5px;
    box-shadow: 0px 9px 17px #00000029;
    margin: 30px 17px 30px;
}
.formulations .types .category .hover .inner-txt h3 {
    font-size: 5.2vw;
    letter-spacing: 0.16vw;
    margin: 0 0 5vw;
 }
 .formulations .types .category .hover .inner-txt p {
    font-size: 3.3vw;
    letter-spacing: 0.1vw;
    line-height: 1.7;
    max-width: 100%;
    min-height: 10.5vw;
    padding: 0 5vw;
}
.formulations .types .category.active .hover::after {
    opacity: 40%;
}
/*.formulations .types .category:hover {
    box-shadow: none;
}
*/

.formulations .types .category.active .hover img+img {
    opacity: 1;
    visibility: visible;
}
.formulations .types .category.active .hover .inner-txt {
    transform: translate(-50%, -50%);
    opacity: 1;

}
.formulations .types .category.active .hover .inner-txt h3 {
    transform: scale(1);
}
.formulations .types .category.active h2 {
    opacity: 0;
    transform: translate(-50%, -100%);
}
.formulations .types .category h2 {
    font-size: 5.2vw;
    letter-spacing: 0.16vw;
}



.packaging ul.slick-slider li {
    padding: 0  5vw;
}
.packaging ul li figure {
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}
.packaging  .slick-list {
    padding-right:19vw;
    padding-bottom: 70px;
    padding-left: 14vw !important;
}

.packaging ul li img,.packaging ul.slick-slider li figure{
    border-radius: 8px;
 
}
.pack-m-slider {
    padding: 0 !important;
    
}
.packaging .section-header h2 {
    font-size: 25px;
    line-height: 1.2;
    margin: 0 0 8vw;
    letter-spacing: 0.75px;
}
.packaging  ul.slick-dots {
    gap: 10px;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}
.packaging .section-header h2::after {
    display: block;
    width: 42px;
    height: 1.5px;
    background: #fff;
    content: "";
    margin: 15px auto 0;
}
.packaging  .button-wrap {
    
}
.packaging  ul.slick-dots li button {
    width: 5px;
    height: 5px;
 }
.packaging ul.slick-dots li.slick-active button{
width: 9px;
height: 9px;
}
.packaging .btn-primary {
    height: 44px;
 }
.packaging {
    background: url(../images/packing-mobile-bg.png) no-repeat center center;
    padding: 55px 0;
    background-size: cover;
}
.edmark-scrollbar-popup .thumbnail-slider img {
    max-width: 58px;
}

.our-machinery h2 {
    color: #000E66;
    font-size: 25px;
    letter-spacing: 0.75px;
  position: relative;
 }
 .our-machinery .border svg {
    width: 60px;
    height: 2px;
    display: block;
    margin-top: 10px;
    margin-bottom: 16px;
}
.our-machinery  .content p {
    font-size: 16px;
    letter-spacing: 0.48px;
    margin: 0 0 30px;
    line-height: 25px;
}
.our-machinery  .content {
    padding-right: 0;
}
.our-machinery .slide {
    margin-right: 30px;
    margin-bottom: 25px;
}
.our-machinery .slick-list {
    padding-right: 14vw;
    padding-left: 20vw;
}
.our-machinery h2  span.title-foreground.mobile {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
    color: #0D0D0D;
    opacity: 5%;
    font-size: 40px;
    font-family: "poppins";
    font-weight: bold;
    letter-spacing: 1.2px;
}
.our-machinery p {
    font-size: 16px;
    color: #101010;
    letter-spacing: 0.56px;
    margin: 0 0 6px;
 
 }
 .our-machinery .action-button span {
    width: 41px;
    height: 41px;
    border: 1px solid #041C4D;
 }
.our-machinery .action-button span::after {
    width: 13px;
    height: 13px;
    border-left: 2px solid #041C4D;
    border-bottom: 2px solid #041C4D;
    margin-left: 3px;
}
.our-machinery .action-button span.next::after {
    margin-left: -3px;
}
.machinery-custom-scrollbar {
    height: 2px;
   
    border-radius: 5px;
    width: calc(100% - 101px);
}
.machinery-slider-bottom {
    column-gap: 15px;
}
.our-machinery {
    padding-top: 60px;
    padding-bottom: 60px;
    background: url(../images/our-machinery-bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.our-machinery  .slide.triggerpopup img.mobile {
    width: 100%;
}
.page-food-beverage .our-machinery {
    background: url(../images/food-our-machinery-bg-mobile.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.product-range .container.xs-space + .container.xs-space {
    padding: 0;
}
.product-range ul.products .slick-list {
    padding-left: 14vw;
    padding-right: 14vw;
}
/* .product-range .products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
 } */
  .product-range .products li.product .btn-primary:hover{
background-color:   #041C4D !important;
  }
  .product-range .products li.product.active a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img,.product-range .products li.product:hover a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    transform: scale(1.1);
}
  .product-range .products li.product .btn-primary svg{
display: none;
  }
/* .product-range .products li.product h2.woocommerce-loop-product__title {
    font-size: 3.8vw;
    min-height: 11vw;
    letter-spacing: 0.11vw;
    margin: 0 0 15px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
} */
 .product-range .products li.product h2.woocommerce-loop-product__title {
    font-size: 3.8vw;
    min-height: 16.4vw;
    letter-spacing: 0.11vw;
    margin: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0;
}
.product-range .products li.product:hover h2.woocommerce-loop-product__title{
transform: scale(1.05);
}
.product-range .products li.product .btn-primary {
    font-size: 12px;
    height: 31px;
    min-width: 78px;
}
.product-range ul.slick-dots li button {
width: 5px;
height: 5px;
}
.product-range {
    padding-top: 60px;
    padding-bottom: 60px;
}
.product-range ul.slick-dots li.slick-active button {
    width: 9px;
    height: 9px;
 }
 .product-range ul.slick-dots {
    gap: 10px;
    margin-top: 0;
    margin-bottom: 0;
}
 .product-range  ul.products {
    margin: 0vw 0 35px;
}
.product-range .products li.product {
    margin: 30px 17px 35px !important;
    box-shadow: 6px 6px 12px #0000001A;
    border-radius: 5px;
    padding: 10px 0px 25px;
}
.product-range .products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link img {
    width: calc(100% - 40px);
    margin-top: 0;
 }
.product-range  .products li.product.active {
    transform: translateY(- 3vw);
}
.product-range .products li.product.active h2.woocommerce-loop-product__title {
            font-size: 4vw;
        letter-spacing: 0.12vw;
}
.common-hero-banner img.mobile {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.common-hero-banner .inner-page-content h1 {
    position: relative;
}

.product-features .section-header{
    text-align: center;
}
.product-features .section-header p {
    font-size: 3.73vw;
    color: #7F7F88;
    font-family: 'Roboto';
    letter-spacing: 0.11vw;
    margin: 0 0 5px;
    }
.product-features .section-header {
    margin: 0 0 40px;
}
.product-features .section-header  h2 {
    font-size: 5.83vw;
    letter-spacing: 0.18vw;
    margin: 0 0 10px;
}

.product-features .section-header  h2 strong{
    color: #000061;
}
.product-features .section-header .border svg {
   
    width: 75px;
    height: 2px;
   
}
.product-features .feature h2 span {
    font-family: "poppins";
    font-size: 20px;
    display: block;
    margin: 12px 0 15px;
    color: #101010;
    font-weight: bold;
    letter-spacing: 0.6px;
}
.product-features .feature {
    text-align: center;
    margin: 0 0 40px;
}
.product-features {
    padding-top: 60px;
    background: none !important;
}
.product-features img.mobile {
    width: 100%;
    height: auto;
    max-width: 100%;
}
.product-features .feature p{
    color: #444444;
    font-size: 3.5vw;
    font-family: "poppins";
    line-height: 1.66;
    letter-spacing: 0.48px;
    font-weight: 400;
    margin: 0;
}
.product-range ul.slick-dots {
    min-height: 10px;
            flex-wrap: wrap;
        padding: 0 30px;
}
.product-features .features .feature .inner .icon svg {
     transition: all 0.3s ease-in-out;
}
.product-features .features .feature .icon svg path{
 transition: all 0.3s ease-in-out;
}
.product-features .features .feature.active .icon svg path{
    fill: #fff;
    stroke: #041C4D;
}
.product-features .features .feature h2 span{transition: all 0.3s ease-in-out; transform-origin: center center;}
.product-features .features .feature.active h2 span{
    transform: scaleX(1.04);
}
.product-range .products li.product{
    position: relative;
    border-radius: 10px;
}
.product-range .products li.product span.view-more-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    
}
.product-range .products li.product span.view-more-circle::after {
    content: "";
    background: rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0.9;
}
.product-range .products li.product span.view-more-circle samp {
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    z-index: 1;
    width: 125px;
    height: 125px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-range .products li.product span.view-more-circle samp a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000E66;
    font-family: "poppins";
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
}
.product-range .products li.product span.view-more-circle samp a:hover,.product-range .products li.product span.view-more-circle samp a:focus { 
    font-size: 15px;
    font-weight: 600;
}
.product-range  .button-wrap .btn-primary.orange, .packaging .button-wrap .btn-primary.orange {
          height: 44px;
        min-width: 112px;
} 
.product-range  .button-wrap .btn-primary.orange:hover, .packaging .button-wrap .btn-primary.orange:hover {
         font-size: 15px;
} 
.product-features .features {
    display: flex;
    flex-wrap: wrap;
}
.product-features .features  .feature:nth-child(1){order:1;}
.product-features .features  .feature:nth-child(2){order:3;}
.product-features .features  .feature:nth-child(3){order:2;}
.product-features .features  .feature:nth-child(4){order:4;}

}

@media(max-width:385px){

 .edmark-scrollbar-popup  img.mobile.vertical-image{
height: calc(100% - 150px);
    object-fit: contain;
 }


}

@media(max-width:767px){

/* Lock body on popup open (prevents iOS jump/scroll) */
body.scrollbar-popup-open {
  touch-action: none;                /* Block touch on body */
  -webkit-overflow-scrolling: none;  /* Disable iOS momentum on body */
  overscroll-behavior: none;         /* Prevent rubber-banding/pull-to-refresh */
}

/* Allow full swipe/click functionality inside popup */
.edmark-scrollbar-popup .slider-container,
.edmark-scrollbar-popup .main-slider,
.edmark-scrollbar-popup .thumbnail-slider {
  touch-action: pan-x pinch-zoom;    /* Enable horizontal swipes + pinch (for zoom if needed); adjust to pan-y if vertical scroll needed */
  overscroll-behavior: contain;      /* Trap overscroll inside popup—no bubbling to body */
  -webkit-overflow-scrolling: touch; /* Smooth iOS scrolling inside sliders */
}

/* Ensure images and buttons respond to taps without delay */
.edmark-scrollbar-popup img,
.edmark-scrollbar-popup button {
  touch-action: manipulation;        /* Instant taps/clicks, allows swipe start */
}

/* Grid view thumbs (when toggled) */
.edmark-scrollbar-popup .grid-view .grid-thumbs figure {
  touch-action: manipulation;        /* Allow taps on grid thumbs */
}

/* Optional: Prevent text selection during swipes on images */
.edmark-scrollbar-popup img {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;  /* Ensure clicks work */
}

/* Compensate for scrollbar width (prevents horizontal shift on desktop) */
body.scrollbar-popup-open {
  padding-right: var(--scrollbar-comp, 0);
}



}