.financial-calendar-section_new {
    padding: 64px 20px !important;
    width: 100%;
    overflow-x: auto;

    @media (max-width: 768px) {
        padding: 32px 20px !important;
    }

    .ms-table-block__title {
        margin: 32px 0;

        @media (max-width: 768px) {
            margin: 16px;
        }

        h2 {
            font-family: "bog-Headline-SemiBold", sans-serif;
            font-size: 36px;
        }
    }

    .ms-table-block__table {
        margin-bottom: 80px;

        .fc-tab-panel, .upcoming-events-container {
            border: 1px solid #dadada !important;
            border-radius: 12px 12px 0 0 !important;
            overflow: hidden !important;
            margin-bottom: 16px !important;
        }

        table {
            width: 100%;
            min-width: 600px;
            table-layout: fixed;
            margin-bottom: 0;

            @media (max-width: 768px) {
                min-width: unset;
            }

            thead {
                th:first-child {
                    padding: 16px 30px;
                }

                th {
                    padding: 16px 14px;
                    background-color: #ff600a !important;
                    vertical-align: middle;
                    height: 100%;

                    @media (max-width: 768px) {
                        padding: 12px 15px;
                    }

                    span {
                        display: inline-block;
                        vertical-align: middle;
                        line-height: normal;
                        font-family: "bog-bold", sans-serif;
                        color: #ffffff;
                    }
                }
            }

            tbody {
                border-top: 1px solid #25272D;

                td:first-child {
                    padding: 16px 32px;
                }

                td {
                    padding: 16px 16px;

                    @media (max-width: 768px) {
                        padding: 12px 16px;
                    }

                    .mobile {
                        display: none;
                        font-size: 14px;
                        margin-bottom: 12px;
                        color: #25272d;

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

                        .event-time-container {
                            font-size: 12px;
                        }
                    }

                    .location-link, .calendar-link, .location-text {
                        display: flex !important;
                        align-items: flex-start;
                        gap: 12px;
                        color: #25272d;
                        text-wrap: wrap;
                        font-family: "bog-regular", sans-serif;

                        svg {
                            margin-top: 4px;
                            min-width: 16px;
                            width: 16px !important;
                            color: #ff600a;
                        }

                        p {
                            margin-bottom: 0;

                            a {
                                color: #25272d;
                            }
                        }
                    }

                    a, div {
                        font-family: "bog-regular", sans-serif;
                    }

                    .event-time-container {
                        font-size: 14px;

                        .timezone-container {
                            font-size: 14px;
                        }
                    }
                }
            }

            th, td {
                @media (max-width: 480px) {
                    &:first-child {
                        width: 32%;
                    }

                    &:nth-child(2) {
                        width: 36%;
                    }

                    &:last-child {
                        width: 32%;

                        a {
                            display: inline-block;
                        }
                    }
                }

                &:first-child {
                    width: 25%;

                    @media (max-width: 1024px) {
                        width: 30%;
                    }

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

                &:nth-child(2) {
                    width: 50%;

                    @media (max-width: 1024px) {
                        width: 40%;
                    }

                    @media (max-width: 768px) {
                        width: 60%;
                    }
                }

                &:last-child {
                    width: 25%;

                    @media (max-width: 1024px) {
                        width: 30%;
                    }

                    @media (max-width: 768px) {
                        width: 40%;
                    }
                }
            }

            @media (max-width: 768px) {
                th, td {
                    &:last-child {
                        min-width: 150px;
                    }
                }
            }
        }
    }
}