.saftey-profile-table{
    margin: 0 auto;
    background: white;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap:16px;
    @media (min-width: 1200px){
        width: 920px;
        padding: 16px;
        gap: 20px;
    }
    table{
        width:100%;
        border-collapse: collapse;
        table-layout: fixed;
    }
    .row1{
        background-color:#4F2683;
        border: 1px solid #4F2683;
        h2{
            color: white;
            padding: 6px 0;
        }
    }
    .data-table{
        td{
            width:33.3%;
            border: 1px solid #544f40;
            padding: 4px 10px;
            font-weight: 700;
            @media (min-width: 1200px){
                padding: 10px 16px;
            }
            &:first-of-type{
                text-align:left;
                font-weight: 400;
            }
        }
    }
    .no-border{
        border: none !important;
    }
    .white{
        color: white !important;
    }
    .background1{
        background-color: #544f40;
    }
}


/* 4column table  */

.saftey-profile-4col-table{
    margin: 0 auto;
    background: white;
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap:20px;
    @media (min-width: 1200px){
        width: 920px;
        padding: 16px;
    }
    table{
        width:100%;
        border-collapse: collapse;
    }
    .row1{
        background-color:#4F2683;
        border: 1px solid #4F2683;
        h2{
            color: white;
            padding: 6px 0;
            text-align:center;
        }
    }
    .data-table-4col{
        td{
            width:25%;
            border: 1px solid #544f40;
            padding: 4px 10px;
            text-align: center;
            font-weight: 700;
            @media (min-width: 1200px){
                padding: 10px 16px;
            }
            &:first-of-type{
                text-align:left;
                font-weight: 400;
                @media (max-width:1199px) {
                        word-break: break-all;
                    }
            }
            &.no-border:not(:first-of-type){
                @media (max-width:1199px){
                    padding: 4px 0;
                }
            }
            &.no-border:nth-of-type(2){
                @media (max-width:1199px) {
                        letter-spacing: -0.25px;
                    }
            }
        }
    }
    .no-border{
        border: none !important;
    }
    .white{
        color: white !important;
    }
    .background1{
        background-color: #544f40;
    }
}