.table {
    .section-heading {
        margin-bottom: 3.5rem;

        @media screen and (max-width: 991px) {
            margin-bottom: 2.5rem;
        }
    }
    .table-wrapper {
        overflow-x: auto;
    }
    table {
        border: 1px solid var(--color-dark-teal);
        border-collapse: collapse;
        width: 100%;
        min-width: 1000px;
        table-layout: fixed;
        line-height: 1.3;

        thead {
            border-bottom: none;

            tr {
                position: relative;
                background-color: var(--color-dark-teal);
                color: var(--color-white);
            }
            th {
                vertical-align: bottom;
            }
            td, th {
                padding: 35px 35px 30px;
                border: none;
                text-align: left;

                @media screen and (max-width: 1500px) {
                    padding: 30px 30px 25px;
                }
                @media screen and (max-width: 991px) {
                    padding: 25px 25px 20px;
                }
                @media screen and (max-width: 576px) {
                    padding: 20px 20px 15px;
                }
            }
        }
        tbody {
            border-bottom: none;
            padding: 0;

            tr {
                &:nth-of-type(even) {
                    background-color: var(--color-light-blue);
                }
                td {
                    padding: 35px 35px 30px;
                    vertical-align: top;
                    border: none;

                    @media screen and (max-width: 1500px) {
                        padding: 30px 30px 25px;
                    }
                    @media screen and (max-width: 991px) {
                        padding: 25px 25px 20px;
                    }
                    @media screen and (max-width: 576px) {
                        padding: 20px 20px 15px;
                    }
                    p {
                        margin: 0;
                    }
                    a {
                        color: var(--color-primary);
                        transition: 0.2s ease-in-out;

                        &:hover, &:focus-visible {
                            text-decoration: none;
                        }
                    }
                }
            }
        }
    }
}