.custom-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 16px;
text-align: left;
}
.custom-table th, .custom-table td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: center;
}
.custom-table thead th {
background-color: #f4f4f4;
font-weight: bold;
text-align: center;
}
.custom-table thead th b {
text-transform: uppercase;
text-align: center;
}
.custom-table tbody p {
font-size: 14px;
}
.custom-table tbody a {
font-size: 14px;
font-weight: 600;
color: #9ECC3C;
text-decoration: underline;
}
.custom-table tbody .wels {
font-size: 14px;
font-weight: 600; 
display: block;
margin-top: 1rem;
} @media (max-width: 768px) {
.custom-table, .custom-table thead, .custom-table tbody, .custom-table th, .custom-table td, .custom-table tr {
display: block;
}
.custom-table {
width: 100%;
}
.custom-table thead tr {
display: none;
}
.custom-table tr {
margin-bottom: 20px;
border: 1px solid #ddd; 
}
.custom-table td {
text-align: right;
padding-left: 50%;
position: relative;
width: unset!important;
}
.custom-table td:before {
content: attr(data-label);
position: absolute;
left: 10px;
width: 45%;
padding-left: 10px;
font-weight: bold;
text-align: left;
}
td.location {
padding-bottom: 3rem;
}
}