* {
    margin: 0;
    padding: 0;
    /* overflow-x: hidden; */
}

/* ********************  similar categories product data***************************************** */
#similarcategoriesproddata {
    margin-top: 20px;

}


/* *************************** similar categories product appended data ********************** */

#similarcategoriesprod {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    align-items: center;

    width: 90%;

    font-size: 14px;


    color: grey;


}


/* **********Inside similar categories -- > bigdiv ********************************* */




#similarcategoriesprod #bigdiv {
    /* font-family: Arial, Helvetica, sans-serif; */


    font-family: arial;
    width: 100%;
    height: 320px;
    text-overflow: hidden;
    border: 1px solid rgb(184, 182, 182);

    text-align: center;

    background-color: whitesmoke;
}



/* ************* similarcategoriesprod images ******************************************* */


#similarcategoriesprod img {

    height: 150px;
    width: 100%;
    cursor: pointer;



}
/* ********************************* Bottomdiv of similarcategoriesprod****************** */
#bottomdiv {
    line-height: 30px;
    width: 100%;

    background-color: #f6f6f6;

}




/* ******************************  title div  ****************************************** */
#namediv {

    width: 100%;
    height: 22px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    color: rgb(2, 162, 226)
}


/* /* ******************************  title div hover ************************* */




/* ***************************** amount bolded ************************************** */

#amountdiv {
    font-weight: bolder;
}




/* ******************************  title div  ****************************************** */

#traderdiv {

    width: 100%;
    height: 22px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}








/* *************************************** Inside the div --> button*********************** */
#similarcategoriesprod button {

    cursor: pointer;
    display: block;
    margin: auto;
    padding: 5px 20px 5px 20px;
    border-radius: 15px;
    font-size: 16px;

    background-color: #00a699;
    color: white;
}

/* ************************************ Hovering to anachor tag and button  ******************* */


#similarcategoriesprod a:hover {

    color: tomato;

}



#similarcategoriesprod button:hover {
    text-decoration: underline;

    background-color: #3b938c;
    color: white;
}