table {
  width: 100%;
  width: min(900px, 100% - 3rem);
  margin-inline: auto;
  border-collapse: collapse;
  border-spacing: 2rem;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
}
table th,
table td,
table caption {
  padding: 1rem;
  color: #000;
}
table th:nth-child(1) {
  background: #d1332a;
  border-radius: 20px 0 0 0;
  border-right: 0px solid #fff;
}
table th:nth-child(2) {
  background: #d1332a;
  border-radius: 0px 20px 0 0;
}
table th:nth-child(3) {
  background: #e3f4df;
  border-radius: 0 20px 0 0;
  border-left: 7px solid #fff;
}
table td {
  border-bottom: 2px dashed #eeeded;
  font-weight: 400;
  font-size: 16px;
  color: #686868;
}
table tr:last-child td {
  border-bottom: none;
}
table col:nth-child(2) {
  background: #f4feff;
}

caption,
th,
td {
  text-align: center;
}

@media (max-width: 650px) {
  td {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: 1fr 1fr;
    padding: 2rem 2rem;
  }

  td:first-child {
    padding-top: 2rem;
  }

  td:last-child {
    padding-top: 2rem;
  }

  th {
    display: none;
  }

  td::before {
    content: attr(data-cell);
    font-weight: bold;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0.5rem 1rem;
  }

  td:nth-of-type(1)::before {
    background: #e3f4df;
  }

  td:nth-of-type(2)::before {
    background: #e5f4fb;
  }

  td:nth-of-type(3)::before {
    content: attr(data-cell);
    background: #d1332a;
  }
}

.borderRadius {
  border-radius: 20px 20px 0 0 !important;
}

table.indexpage th:nth-child(1) {
  background: #d03226;
  border-radius: 20px 0 0 0;
  border-right: 0px solid #fff;
  color: #fff;
}

table.indexpage {
  width: 100%;
  width: min(900px, 100% - 1rem);
}