* {
        font-family: 'Roboto', sans-serif;
    }

    :root {
        --primary-color: #000000;
    }
        .pagination a:hover {
    background-color: #0056b3 !important;
    color: #fff !important;
    transition: all 0.3s ease;
    
}


.layout-boxed footer {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important; /* Thu nhỏ bề ngang một chút */
}

/* Container trong footer cũng cần được thu nhỏ */
.layout-boxed footer .max-w-5xl {
    max-width: 760px !important;
}

/* Responsive cho mobile */
@media (max-width: 768px) {
    .layout-boxed footer {
        width: 100% !important;
    }
}




















    .text-primary {
        color: var(--primary-color) !important;
    }

    .shadow-primary {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow: 0 0 #0000 !important;
        --tw-ring-opacity: 0.8;
        --tw-ring-offset-width: 1px;
    }

    .btn-primary,
    .bg-primary,
    .ant-btn-primary {
        background-color: var(--primary-color) !important;
    }

    .btn-outline-primary {
        border-color: var(--primary-color) !important;
        color: var(--primary-color) !important;
    }

    .btn-primary:hover {
        box-shadow: var(--primary-color) !important;
    }

    .border-primary {
        border-color: var(--primary-color) !important;
    }

    .main-menu>ul>li.menu-item-has-children>ul.sub-menu li a:hover {
        color: var(--primary-color) !important;
    }

    .main-menu>ul>li>a:hover {
        color: var(--primary-color) !important;
    }

    .main-menu>ul>li:hover>a .icon-box {
        color: var(--primary-color) !important;
    }

    .main-menu>ul>li:hover>a .text-box {
        color: var(--primary-color) !important;
    }

    .btn-primary:hover {
        --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--primary-color);
        box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
        --tw-ring-opacity: 0.8;
        --tw-ring-offset-width: 1px;
    }

    ::-webkit-scrollbar {
        width: 5px;
    }

    ::-webkit-scrollbar-track {
        background: #282a38;
    }

    ::-webkit-scrollbar-thumb {
        background: var(--primary-color);
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #e23388;
    }

    .news_title_3 {
        font-weight: 700;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
        -webkit-line-clamp: 3;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .news_title {
        font-weight: 700;
        font-size: 15px;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 25px;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }