#blog{
    background-color:#f1f1f1;

    }
    .card-blog a {

        color: #22283C;
        text-decoration: none;


    }
    .card-blog a:hover {

        color:#45C4E6;
    }


    .card-blog {

        border: none;
    }

    .blog-icon{
        font-size: 34px;
    }

    .custom-input-group {
        background-color: #f8f9fa;
        border-radius: 0.375rem; /* Adicione bordas arredondadas se desejado */
    }

    .custom-input-group .input-group-text {
        color: #22283C; /* Cor do texto do ícone */
        border: 2px solid #22283C;
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;

    }

    .custom-input-group .form-control {
        background-color: #f8f9fa;
        border-radius: 5;
        color: #22283C;
        border: 2px solid #22283C;
        border-left: none;
        outline: none;
        box-shadow: none !important;

    }
    .btn-view{

        color:#22283C;
        padding: 0 6px;
        font-size: 20px;
        font-weight: 600;
        cursor: pointer;
        border-radius: 5px;
        border: 2px solid #22283C;

    }

    .btn-view:hover {
        color:#E6F5FF;
        background-color: #22283C;

        border: 2px solid #22283C;

    }

.active-bg{
    color:#E6F5FF;
    background-color: #22283C;
}



.pagination .page-item .page-link {
    background-color: #fff; /* Cor de fundo dos itens da paginação */
    color: #333;               /* Cor do texto */
    border: 1px solid #ddd;    /* Borda ao redor dos itens */
}

.pagination .page-item.active .page-link {
    background-color: #45C4E6; /* Cor de fundo para o item ativo */
    color: white;              /* Cor do texto no item ativo */
    border-color: #45C4E6;     /* Borda para o item ativo */
}

.pagination .page-item .page-link:hover {
    background-color: #f6f7f7; /* Cor de fundo no hover */
    color: #333;               /* Cor do texto no hover */
}