.displaycardscontainer
{
  border: 0px solid rgba(192, 11, 11, 0.952);
  grid-template-columns: repeat(4, 1fr);
  display: grid;
  grid-gap: 5px;
  margin-bottom: 15px;
}
.displaycardsdiv
{
  border: 1px solid rgb(194, 194, 194);
  margin: 10px;
  padding-top: 10px;
}

.displaycardsimg
{
  border: 0px solid rgb(255, 255, 255);
  color: #333;
  padding-left: 40px;
  width: 12em;
}
.displaycardsimg:hover
{
  border: 0px solid grey;
  /*transform: scale(1.2);*/
}

  .displaycardslink
{
  text-decoration: none;
}
.displaycardsheading
{

  font-size: large; /* 3 times the default font size of the parent element */
  color: #3498db; /* Dark grey color */
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  text-align: center;
  letter-spacing: 1px;
}

/* For investment-casting-metal-data.php*/
.displaymetaldata
{
  border: 0px solid rgba(192, 11, 11, 0.952);
  display: flex;
  flex-direction: column; /* stack multiple pairs vertically */
  gap: 0px; /* space between pairs */
  
}
.displaymetalleftrightpair
{
  display: flex;
  width: 100%;
}
.displaymetalleft
{
  flex: 0 0 80%; 
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  text-align: left;
  padding: 15px;
}

.displaymetalright
{
  flex: 0 0 20%; 
  border: 1px solid lightgray;
  background-color: white;
  text-align: center;
  padding-top: 70px;
  font-size: 18px;
}
.displaymetalright :hover
{
  color: #dc143c;
}

  .displaymetallink
{
  text-decoration: none;
}
.displaymetalheading
{
  font-size: large; /* 3 times the default font size of the parent element */
  font-weight: bold;
}
.divsearch
{
  padding: 10px 10px 10px 10px;
  text-align: right;
  align-items: flex-end;
}
.displaymetalsearchtext
{
  display: inline-block;
  padding: 10px 20px;
  /* background-color: #007BFF; */
  text-decoration: none;
  border-radius: 0px;
  border: none;
  font-size: 18px;
  width: 200px;
  border: 1px solid;
  padding: 5px 10px 10px 10px;
  
}

.metalsearchbutton
{
  display: inline-block;
   /* background-color: #007BFF; */
  background-color: #dc143c;
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 0px;
  border: none;
  font-size: 16px;
  padding: 5px 10px 10px 10px;
  width: 100px;
  gap: 10px;
}
.metalpagelinks
{
  font-size: larger;
  font-weight:bold;
  border:1px solid;
  text-decoration:none;
  padding: 10px 10px 10px 10px;
}

.pagination {
  width: 100%;
      }
.pagination a {
  padding: 4px 4px 4px 4px;
  font-size: larger;
  text-decoration: none;
 
}
 .pagination a.active 
 {
  color: #dc143c;          
 }
 .pagination :hover
 {
  color: white;
  background-color: #dc143c;
  border-radius: 2px;
  padding: 4px 4px 4px 4px;
 }