.product-row{
    width: 100%;
    background-color: white;
   display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    

}

.product-row a{
        text-decoration: none;
        color: black;
        background-color: white;
}


/* ===================
       panjabi-banner
  ==================== */

  .panjabi-banner img:hover{
    transform: scale(1.1);
  }

.panjabi-banner{
    overflow: hidden;
    
   
}

.panjabi-banner img{
    transition: transform .5s ease-in-out;
}




/* ===================
       row   1
  ==================== */
.product-row1{
    width: 10%;
    background-color: white;
    font-size: small;
   
   
}

.input{
    display: flex;
    width: 100%;
}

.input-tk{
    width: 100%;
    display: flex;
    justify-content: space-around;
    text-align: center;

   
}

.input-tk input{
    width: 80%;
}

.speacing{
    margin-top: 40px;
}

.link-view a{
    background-color: black;
    color: white;
    padding: 10px 60px;
}


.link-view a:hover{
    background-color: white;
    color: black;
    border: 1px solid black;
}
/* ===================
       row   2
  ==================== */

.product-row2{
    width: 60%;
    background-color: white(177, 19, 19);
    font-size: small;
    
    
   
}


/* ===================
    panjabi view
  ==================== */
.panjabi-view{
    display: flex;
    font-size: small;
    /* text-align: center; */
    
}



.panjabi-view-1{
    width: 50%;
    display: flex;
    gap: 10px;
    text-align: center;
    justify-content: space-around;
   
}

.panjabi-view-1 p{
    padding: 0 10px;
     
}
.panjabi-view-2{
    width: 50%;
    display: flex;
    gap: 20px;
    justify-content: right;
    text-align: center;

}

.panjabi-view-2-select{
    display: flex;
   gap: 10px;
   justify-content: center;
   align-items: center;

  
  
}


.panjabi-view-2-select #select-page{
    padding: 10px 20px;
    margin-bottom: 10px;
}


/* ========================= 
    panjabi image section
    ===================== */

    .panjabi-image-body{
        width: 100;
        background-color: white;
        margin-top: 20px;
       
       
        
    }

    .panjabi-image-body-row-1 , .panjabi-image-body-row-2 , .panjabi-image-body-row-3 , .panjabi-image-body-row-4{
        width: 100%;
        display: flex;
        justify-content: space-around;
        gap: 10px;
        
    }

    .panjabi-cell-1 , .panjabi-cell-2 , .panjabi-cell-3 ,.panjabi-cell-4{
        text-align: center;
    }

   
    
    .img-2{
        display: none;
       overflow: hidden;
    }


    .img-change:hover .img-2{
        display: block;
     
    }


    .img-change:hover .img-1{
        display: none;
    }