/* Keep news/blog images constrained */
        .blog-img img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }

        .expand {
            cursor: pointer;
        }

        /* ===============================
           WEBINAR TABLE LAYOUT
        ================================ */

        .webinar-section-title {
            text-align: center;
            margin-bottom: 1.75rem;
        }

        .webinar-helper-text {
            text-align: center;
            margin-bottom: 1rem;
            font-size: 0.9rem;
        }

        .webinar-table-container {
            width: 100%;
            background-color: #f8f9fc;
            border: 1px solid #dee2e6;
            border-radius: 6px;
            padding: 12px 12px 4px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
            overflow: hidden;
        }

        .webinar-table {
            width: 100%;
            margin: 0;
            border-collapse: collapse;
            background-color: #fff;
        }

        .webinar-table th,
        .webinar-table td {
            padding: 0.75rem 0.75rem;
            vertical-align: middle;
            border-top: 1px solid #dee2e6;
            font-size: 0.95rem;
        }

        .webinar-table thead th {
            background-color: #1f2b7b;
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
            border-bottom: 1px solid #dee2e6;
            font-size: 0.85rem;
        }

        .webinar-table tbody tr:nth-child(even) {
            background-color: #f7f8fc;
        }

        .webinar-table tbody tr:hover {
            background-color: #eef1f7;
        }

        .webinar-actions {
            text-align: right;
            white-space: nowrap;
        }

        .webinar-actions .register,
        .webinar-actions .btn-toggle-details {
            margin-left: 0.35rem;
        }

        /* Use card-like rows for hidden details */
        .webinar-table .explode td {
            background-color: #ffffff;
            border-top: none;
        }

        .webinar-table .explode .content {
            padding-top: 0.5rem;
            font-size: 0.9rem;
        }

        /* Recording button (reuse "register" look but a bit slimmer) */
        .register {
            background-color: #1f2b7b;
            color: #fff;
            border: none;
            padding: 6px 12px;
            border-radius: 4px;
            font-size: 0.85rem;
            transition: 0.2s ease;
        }

        .register:hover {
            background-color: #a39161;
            color: #fff;
        }

        /* Toggle details button */
        .btn-toggle-details {
            background-color: transparent;
            border: none;
            color: #1f2b7b;
            padding: 4px 2px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: color 0.2s ease, transform 0.1s ease;
        }

        .btn-toggle-details i {
            margin-right: 4px;
        }

        .btn-toggle-details:hover {
            color: #a39161;
            transform: translateY(-1px);
        }

        .btn-toggle-details.expanded {
            color: #a39161;
            font-weight: 600;
        }

        .btn-toggle-details.expanded i::before {
            content: "\f068";
            /* fa-minus */
        }

        /* Default icon is plus */
        .btn-toggle-details i::before {
            content: "\f067";
            /* fa-plus */
        }

        /* Fix hidden row default display */
        .explode.hide td {
            padding-top: 0;
            padding-bottom: 0;
        }

        .hide {
            display: none !important;
        }

        /* ===============================
           RESPONSIVE CLEANUP
        ================================ */

        @media (max-width: 992px) {
            .webinar-table-container {
                padding: 10px;
            }

            .webinar-table th,
            .webinar-table td {
                padding: 0.6rem 0.5rem;
                font-size: 0.9rem;
            }
        }

        @media (max-width: 768px) {
            .home-blog-area .container {
                max-width: 100%;
                padding-left: 12px;
                padding-right: 12px;
            }

            .webinar-actions {
                text-align: left;
            }
        }

        /* Mobile "card" layout: no horizontal scrolling */
        @media (max-width: 575.98px) {

            .webinar-table,
            .webinar-table thead,
            .webinar-table tbody,
            .webinar-table th,
            .webinar-table td,
            .webinar-table tr {
                display: block;
                width: 100%;
            }

            .webinar-table thead {
                display: none;
            }

            .webinar-table tr {
                margin-bottom: 1rem;
                border: 1px solid #dee2e6;
                border-radius: 6px;
                background: #fff;
                box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
            }

            .webinar-table td {
                border: none;
                padding: 0.45rem 0.9rem;
                position: relative;
            }

            /* Labels for list tables (date / webinar / actions) */
            .webinar-table-list td:nth-child(1)::before {
                content: "Webinar Date";
            }

            .webinar-table-list td:nth-child(2)::before {
                content: "Webinar";
            }

            .webinar-table-list td:nth-child(3)::before {
                content: "Actions";
            }

            /* Labels for series tables */
            .webinar-table-series td:nth-child(1)::before {
                content: "Webinar Series";
            }

            .webinar-table-series td:nth-child(2)::before {
                content: "Actions";
            }

            .webinar-table td::before {
                display: block;
                font-size: 0.75rem;
                font-weight: 600;
                text-transform: uppercase;
                color: #1f2b7b;
                margin-bottom: 0.15rem;
            }

            .webinar-actions {
                display: flex;
                flex-wrap: wrap;
                gap: 0.3rem;
            }

            .webinar-actions .register,
            .webinar-actions .btn-toggle-details {
                margin-left: 0;
            }

            /* Details row: render as part of the same card, no extra border */
            .webinar-table .explode {
                border: none;
                box-shadow: none;
                margin-top: -0.35rem;
            }

            .webinar-table .explode td {
                padding-top: 0.2rem;
                padding-bottom: 0.7rem;
            }

            .register {
                width: 100%;
                max-width: 220px;
                text-align: center;
            }
        }