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

        .dept-icon svg {
            width: 60px !important;
            height: 60px !important;
        }

        .dept-link .arrow-circle {
            background-color: #2c8234;
        }

        .dept-icon {
            width: 90px !important;
            height: 90px !important;
            margin-bottom: 18px;
        }

        .dept-icon img {
            width: 90px !important;
            height: 90px !important;
            object-fit: contain;
        }

        .dept-title {
            min-height: 72px;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .dept-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 18px 40px rgba(44, 130, 52, .15);
        }

        .pagination-wrapper {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            margin: 30px 0 40px;
            flex-wrap: wrap;
        }

        .page-btn,
        .page-number {
            min-width: 42px;
            height: 42px;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 14px;
            text-decoration: none;
            border: 1px solid #ddd;
            border-radius: 8px;
            color: #2c8234;
            background: #fff;
            font-weight: 600;
            transition: .3s;
        }

        .page-number.active {
            background: #2c8234;
            color: #fff;
            border-color: #2c8234;
        }

        .page-btn:hover,
        .page-number:hover {
            background: #2c8234;
            color: #fff;
            border-color: #2c8234;
        }

        .page-btn.disabled {
            opacity: .5;
            pointer-events: none;
        }

        @media(max-width:767px) {
            .pagination-wrapper {
                gap: 6px;
            }

            .page-btn,
            .page-number {
                min-width: 38px;
                height: 38px;
                font-size: 14px;
            }
        }