هيماماكس اقراص 30 قرص

}

.sup table {
vertical-align: middle;
border-radius: 30px;
overflow: hidden;
table-layout: fixed;
background-color: white;
border-collapse: collapse;

}

.captionz {

align-items: flex-end;
padding: 2%;
font-weight: 600;
color: white
}

.nu1 {
margin-right: 2%;
font-size: 3vw;
white-space: nowrap;

}

.nu2 {
margin-left: 2%;
white-space: nowrap;
float: left;
margin-top: -1%;
font-weight: 900;
font-size: 1.2em ! important;
}

.conc {
text-align: right;
text-indent: .5em;
}

.sup th {
font-weight: bold;
padding: 2%;
text-align: center;
border-bottom: 6px solid #5fda63;

}

.sup th p {
font-weight: 600;
}

.sup tr:first-child th {
border-bottom: 1px solid #5fda63;

}

.sup td {
border-right: none;
border-left: none;
overflow-wrap: normal;

}

.sup td {
padding: 2%;
text-align: center;
vertical-align: middle;
border-bottom: 2px solid #5fda63;

}

.sup tr:last-child td {
border-bottom: none;

}

@media screen and (max-width: 699px) {
.sup {
width: 100%;
}

.nu1 {
font-size: 6vw;
text-align: center;
margin-right: 0%;

}

.nu2 {
float: none;
text-align: center;
font-size: 3.5vw !important;
margin-bottom: 0%;
margin-top: 0%;

}

.sup table {
width: 99%;
margin: 0 auto 5px auto;
}

.sup th {

border-bottom: 4px solid #5fda63;
font-size: 3.5vw;
white-space: nowrap;

}

.sup tr:first-child th p {
font-size: 3vw;

}

.sup th p {
font-weight: 900;
}

.sup table td {
font-size: 3.7vw;
overflow-wrap: normal;
font-weight: 600;
}

.sup table td p {
font-weight: 450;
}

.sup td:nth-child(1) {
text-align: right;
}
.sup th:nth-child(1) {
text-align: right;
}

}

@media screen and (min-width: 700px) {
.sup {
width: 80%;
margin: 0 auto;
}

.sup table {
width: 99%;
margin: 0px 2px 2px 2px;

}
}

<!– بداية أولبعد السطر ده –>