.conteiner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: stretch;
  font-family: "Rubik", sans-serif;
}

.table {
  margin: 20px;
  max-width: 400px;
  position: relative;
  background-color: white;
}

h2 {
  text-align: center;
}

td {
  padding: 5px;
}

tr {
  cursor: pointer;
}

.table table tr:hover {
  background-color: #ffebcd80; /*#ceeaece1*/
}

.table table thead tr:hover {
  background-color: transparent;
}

.table table thead tr {
  cursor: text;
}

.table table tr td:nth-child(1) {
  width: 33%;
}

tbody > tr > td:not(:first-child) {
  direction: ltr;
}

.green {
  color: seagreen;
}
.red {
  color: tomato;
}

.stars {
  direction: ltr;
  color: orange;
}

.stock-name {
  text-decoration: underline;
}

.stock-name:hover {
  color: #0000ee;
}

#highest-rated-stocks,
#lowest-rated-stocks,
#highest-rated-bonds,
#lowest-rated-bonds {
  width: 400px;
}

/* #highest-rated-bonds tbody tr td, */
#highest-rated-stocks tbody tr td,
#lowest-rated-stocks tbody tr td,
#highest-rated-bonds tbody tr td:nth-child(3),
#lowest-rated-bonds tbody tr td:nth-child(3) {
  width: 33%;
}
#highest-rated-bonds tbody tr td:nth-child(1) {
  width: 40%;
}
#highest-rated-stocks tbody tr td:nth-child(2),
#lowest-rated-stocks tbody tr td:nth-child(2),
#highest-rated-stocks tbody tr td:nth-child(1),
#lowest-rated-stocks tbody tr td:nth-child(1),
#highest-rated-bonds tbody tr td:nth-child(2),
#lowest-rated-bonds tbody tr td:nth-child(2),
#highest-yeild-etf tbody tr td:nth-child(2) {
  text-align: center;
}

#highest-rated-bonds tbody tr td:nth-child(1),
#lowest-rated-bonds tbody tr td:nth-child(1) {
  width: 35%;
}

#highest-rated-bonds tbody tr td:nth-child(2),
#lowest-rated-bonds tbody tr td:nth-child(2),
#highest-yeild-etf tbody tr td:nth-child(2) {
  width: 30%;
}

#lowest-yeild-etf tbody tr td:nth-child(2) {
  width: 20%;
  text-align: center;
}

#highest-rated-stocks table,
#lowest-rated-stocks table,
#highest-rated-bonds table,
#lowest-rated-bonds table {
  /* position: relative; */
  box-shadow: 0px 1px 4px 0px #c9cfe0, -1px 4px 4px 0px #00000040;
  /* border: 2.5px solid transparent; */
  background: white;
  border-radius: 10px;
  /* background-clip: padding-box; */
}

#highest-rated-stocks table thead tr th,
#lowest-rated-stocks table thead tr th,
#highest-rated-bonds table thead tr th,
#lowest-rated-bonds table thead tr th {
  font-size: 14px;
}

#highest-rated-stocks table tbody tr td:first-child,
#lowest-rated-stocks table tbody tr td:first-child,
#highest-rated-bonds table tbody tr td:first-child,
#lowest-rated-bonds table tbody tr td:first-child {
  font-size: 14px;
  color: #00367c;
  text-decoration: none;
}

#highest-rated-stocks table tbody tr td:nth-child(2),
#lowest-rated-stocks table tbody tr td:nth-child(2),
#highest-rated-bonds table tbody tr td:nth-child(2),
#lowest-rated-bonds table tbody tr td:nth-child(2) {
  font-size: 14px;
}

#highest-rated-stocks table tbody tr td:first-child:hover,
#lowest-rated-stocks table tbody tr td:first-child:hover,
#highest-rated-bonds table tbody tr td:first-child:hover,
#lowest-rated-bonds table tbody tr td:first-child:hover {
  color: #006bb7;
}

#highest-rated-stocks table tbody tr:hover,
#lowest-rated-stocks table tbody tr:hover,
#highest-rated-bonds table tbody tr:hover,
#lowest-rated-bonds table tbody tr:hover {
  background-color: transparent;
}

#highest-rated-stocks table::after,
#lowest-rated-stocks table::after,
#highest-rated-bonds table::after,
#lowest-rated-bonds table::after {
  /* content: "";
  background: linear-gradient(185.83deg, #fdcc5f 4.79%, #00367c 94.8%);
  position: absolute;
  right: -3.5px;
  top: -2.5px;
  width: 100%;
  bottom: -3.5px;
  z-index: -1;
  border-radius: 10px; */

  position: absolute;
  top: -2.5px;
  bottom: -2.5px;
  left: -2.5px;
  right: -2.5px;
  background: linear-gradient(185.83deg, #fdcc5f 4.79%, #00367c 94.8%);
  content: "";
  z-index: -1;
  border-radius: 8px;
}

.pro-border-image {
  position: absolute;
  bottom: -20px;
  left: 43%;
}