@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind+Madurai:wght@700&display=swap'); 


body{
    margin: 0%;
    padding: 0%;
    overflow-x: hidden;
    background-color: rgb(250, 250, 250);
}

.h1-prd {
    font-family: 'Hind Madurai', sans-serif;
    text-align: center;
    background-color: #ff812c;
    margin-top:20px;
    margin-bottom:20px;
    padding-top: 20px;
    padding-bottom: 20px;
    
    color: rgb(255, 255, 255);

}

#section {
    font-family:sans-serif;
    text-align: center;
    
}

.li-prd  {
    list-style-type: none;
}

.li-prd > a {
    text-decoration: none;
    color: #ff812c;
    padding: 10px;
}

.li-prd > a:hover {
    
    color: rgb(223, 223, 223);
    background-color: #ff812c;
    padding: 10px;
    transition: 0.3s;
}

.h3-prd {
    font-family: sans-serif;
    text-align: center;
    background-color: #ff812c;
    color: rgb(223, 223, 223);
    padding: 10px;

}

/* 

table {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

table , tr ,td {
    border: 1px solid rgb(56, 56, 56) ;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    

}*/


.container-prdts-imgs {

    
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    height: 50%;
    justify-items:center;
    align-items:center;
    margin-left:9% ;
    overflow: hidden;    
    

}


.imgs-prdts {
    width: 50%;
}