:root 
{
  --primary-color: #004aad; /* Blue */
  --accent-color: #e60000;  /* Red */
  --text-color: #333;
  --background-color: #fff;
}



.product-categorie 
{
    padding: 2em;
}

.product-categorie h2 {
    font-size: 24px;
    margin-bottom: 1em;
}

.categorie-grid 
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.categorie-grid :hover
{
    background-color: var(--primary-color);
}

.categorie-grid a
{
  text-decoration: none;
 
}


.categor 
{
    background-color: var(--accent-color);
    color: #fff;
    padding: 1em;
    border: none;
    border-radius: 0.25em;
    cursor: pointer;
    text-align: center;
}

.categor h3 
{
  color: #fff;
    font-size: 18px;
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 768px) {
    .categorie-grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*table infor*/
.table-style {
  border-collapse: collapse;
  width: 100%;
}

.table-style th, .table-style td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.table-style th {
  background-color: red;
  color: white;
}

.table-style td {
  background-color: white;
}


/*readmore option */
   
      .showMore_div{
       max-height: 0;
          overflow: hidden;
      }

      .showMore_click{
          color: red;
          text-align: center;
          display: block;
      }

/*.col-sm-4 */


.product-categories .col-sm-4 {
  max-width: 500px; /* Optional: control width */
  text-align: center;
    display: flex;
  align-items: center;    /* Vertical centering */
  justify-content: center; /* Horizontal centering */
  gap: 20px;              /* Optional space between image and text */
  flex-wrap: wrap;        /* Ensures responsiveness */
}

/*whatsapp direct message*/