/* Ported from resources/views/frontend/pages/doctors/index.blade.php <style> */

        .tab-content {
            display: none !important;
        }

        .tab-content.active {
            display: block !important;
        }

        .tab-link.active {
            color: #2c8234;
            border-bottom: 2px solid #2c8234;
        }

        .meet-btn {
            background-color: #2c8234;
        }

        .view-profile {
            color: #2c8234;
        }

        .tab-link:hover,
        .tab-link.active {
            color: #2c8234;
            border-bottom: 2px solid #2c8234;
        }

        .card-content {
            display: flex;
            flex-direction: column;
        }

        



        /* View More */
        .view-more-wrap {
            text-align: center;
            margin-top: auto;
            padding-top: 8px;
        }

        .toggle-items {
            display: inline-block;
            color: #2c8234;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            cursor: pointer;
            transition: .3s ease;
        }

        .toggle-items:hover {
            color: #1f6d29;
            text-decoration: underline;
        }

        /* Footer */
        .card-footer {
            margin-top: auto;
            padding: 0 20px 20px;
            text-align: center;
        }

        .pagination-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            margin: 35px 0 45px;
            margin-bottom: 40px;

            gap: 6px;

        }

        .page-btn,
        .page-number {
            min-width: 38px;
            height: 38px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            padding: 0 16px;
            text-decoration: none;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background: #fff;
            color: #2c8234;
            font-size: 14px;
            font-weight: 600;
            transition: all .3s ease;
            box-shadow: 0 2px 8px rgba(0, 0, 0, .05);

        }

        .page-btn:hover,
        .page-number:hover {
            background: #2c8234;
            color: #fff;
            border-color: #2c8234;
            text-decoration: none;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(44, 130, 52, .15);


        }

        .page-number.active {
            background: #2c8234;
            border-color: #2c8234;
            color: #fff;
            box-shadow: 0 4px 10px rgba(44, 130, 52, .25);
        }

        .page-btn.disabled {
            background: #f8f9fa;
            color: #b5b5b5;
            border-color: #e5e5e5;
            pointer-events: none;
            cursor: not-allowed;
        }