table.safety-table-1 {
    background-color: white;
    width: 100%;
    border-collapse: collapse;

    .header-mobile {
        display: none;
    }

    thead {
        tr {
            background: #fcf8ff;
            th:first-of-type {
                width: 34%;
            }

            th:nth-of-type(2), th:nth-of-type(3) {
                width: 33%;
                text-align: right;
            }
        }

        tr {
            th {
                padding: 8px 16px;
            }

            @media (max-width: 768px) {
                th {
                    padding: 8px 0;
                }
            }
        }

        @media (max-width: 768px) {
            thead {
                display: none;
            }
        }
    }

    tbody {
        border: 1px solid #592c82;

        tr:first-of-type, tr:nth-of-type(8) {
            background: #592c82;
            h5 {
                color: #ffffff;
            }
        }

        tr {
            background: #ffffff;
            td:first-of-type {
                width: 38%;
            }

            td:nth-of-type(2), td:nth-of-type(3) {
                /* width: 33%; */
                text-align: right;

            }
        }

        tr {
            border-bottom: 1px solid #efefed;
            background: #ffffff;
            td {
                padding: 8px 16px;
            }

            @media (max-width: 768px) {
                td {
                    padding: 8px;
                }
            }
        } 

        tr:last-of-type {
            border: none;
        }
    }  
}

div.hide-mobile {
    display: block;
    @media (max-width: 768px) {
        display: none;
    }
}

div.hide-desktop {
    display: none;

    @media (max-width: 768px) {
        display: block;
    }
}

table.safety-table-2 {
    background-color: white;
    width: 100%;
    border-collapse: collapse;

    thead {
        tr {
            background: #fcf8ff;
            th:first-of-type {
                width: 34%;
            }

            th:nth-of-type(2), th:nth-of-type(3) {
                width: 33%;
                text-align: right;
            }
        }

        tr {
            th {
                padding: 8px 16px;
            }

            @media (max-width: 768px) {
                th {
                    padding: 8px 0;
                }
            }
        }
    }

    tbody {
        border: 1px solid #ac3c72;

        tr:first-of-type, tr:nth-of-type(8) {
            background: #ac3c72;
            h5 {
                color: #ffffff;
            }
        }

        tr {
            background: #ffffff;
            td:first-of-type {
                width: 38%;
            }

            td:nth-of-type(2), td:nth-of-type(3) {
                /* width: 33%; */
                text-align: right;

            }
        }

        tr {
            border-bottom: 1px solid #efefed;
            background: #ffffff;
            td {
                padding: 8px 16px;
            }

            @media (max-width: 768px) {
                td {
                    padding: 8px;
                }
            }
        } 

        tr:last-of-type {
            border: none;
        }
    }  
}