p.para{
font-size: 20px; color:black; font-family:Verdana;
}
span.para1{
 font-size: 22px; color:rgb(241, 95, 95); font-family:Verdana;font-weight: 700;   
}
li.para{
font-size: 20px; color:black; font-family:Verdana; 
}
ul.ul{
    margin-left: 50px;
}

/* table */
/* Container */
.table-wrapper {
  width: 100%;
  max-width: 900px;
  animation: fadeSlide 1s ease-in-out;
}

/* Table */
table {
  width: 100%;
  border-collapse: collapse;
  background: #020617;
  color: #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
  table-layout: fixed;
}

/* Header */
thead {
  background: linear-gradient(90deg, #dc2626, #b91c1c);
}

th {
  padding: 14px;
  text-align: left;
  font-size: 15px;
  white-space: normal;
  word-break: keep-all;
}
/* Body */
td {
  padding: 12px 14px;
  font-size: 14px;
  white-space: normal;
  word-break: keep-all;
  line-height: 1.4;
}

/* Row hover */
tbody tr {
  transition: background 0.3s ease;
}

tbody tr:hover {
  background: #1e293b;
}

/* Borders */
tbody tr:not(:last-child) td {
  border-bottom: 1px solid #334155;
}

/* Mobile optimization */
@media (max-width: 600px) {
  th, td {
    font-size: 13px;
    padding: 10px;
  }
}

/* Animation */
@keyframes fadeSlide {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* table end */

.then{
    background-color: #fce7e7;
     color:black; 
  padding: 20px;
  width: 700px;
  /* background-color: #e0f8cc; */
  border-radius: 20px;
    
}
.than{
       color:black; 
  padding: 20px;
  width: 700px;
  background-color: #fce7e7;
  border-radius: 20px;

}