.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.course-container {
    display: flex;
    flex-wrap: wrap;
}

.course-row {
    width: 100%;
    /*display: flex;*/
    justify-content: space-between;
    margin-bottom: 20px;
    
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 0px;
}

.card-img {
    width: 100%;
    height: 30px;
     
}
.backcolorCIC {  
    background-color: #E4A400 !important;
}
.backcolorCICimg {
    background-color: #F7BB38 !important;
}
.backcolorCISR {
    background-color: #790039 !important;
}
.backcolorCISRimg {
    background-color: #800648 !important;
}
.backcolorCRM {
    background-color: #C9822A !important;
}
.backcolorCRMimg {
    background-color: #DD994B !important;
}

.backcolorCPRM {
    background-color: #CA2027 !important;
}

.backcolorCPRMimg {
    background-color: #d34d53 !important;
}

.backcolorCSRM {
    background-color: #16337B !important;
}

.backcolorCSRMimg {
    background-color: #3758a9 !important;
}

.backcolorDynamics {
    background-color: #AD2A2A !important;
}

.backcolorDynamicsimg {
    background-color: #bf3c3c !important;
}

.backcolorRuble {
    background-color: #4B4358 !important;
}

.backcolorRubleimg {
    background-color: #594f6b !important;
}

.backcolorWillam {
    background-color: #736a6a !important;
}

.backcolorWillamimg {
    background-color: #7d7575 !important;
}
.backcolorProfocus {
    background-color: #4B4358 !important;
}

.backcolorProfocusimg {
    background-color: #60586d !important;
}
.backcolorProce {
    background-color: #00788d !important;
}

.backcolorProceimg {
    background-color: #278697 !important;
}
.backcolorProed {
    background-color: #00788d !important;
}

.backcolorProedimg {
    background-color: #278697 !important;
}

.backcolorRisk {
    background-color: #EB8C08 !important;
}

.backcolorRiskimg {
    background-color: #EB8C08 !important;
}

/* Pagination container */
.pagination-container {
    text-align: center;
    margin-top: 20px;
    font-family: Arial, sans-serif;
}

  
    .pagination-container .pagination {
        display: inline-block;
        padding-left: 0;
        margin: 0;
        border-radius: 4px;
    }

       
        .pagination-container .pagination li {
            display: inline;
        }

            
            .pagination-container .pagination li a {
                color: #333;
                float: left;
                padding: 8px 16px;
                text-decoration: none;
                transition: background-color .3s;
                border: 1px solid #ddd;
                margin: 0 4px;
            }

           
            .pagination-container .pagination li.active a {
                background-color: #790039;
                color: white;
                border-color: #790039;
            }

          
            .pagination-container .pagination li a:hover:not(.active) {
                background-color: #eaaa00;
            }

       
        .pagination-container .pagination .previous,
        .pagination-container .pagination .next {
            display: inline-block;
            padding: 8px 16px;
            text-decoration: none;
            transition: background-color .3s;
            border: 1px solid #ddd;
            margin: 0 4px;
        }

      
        .pagination-container .pagination .disabled {
            pointer-events: none;
            opacity: 0.5;
        }

      
        .pagination-container .pagination .previous span,
        .pagination-container .pagination .next span {
            display: inline-block;
            vertical-align: middle;
            font-weight: bold;
        }

         
        .pagination-container .pagination .previous a {
            color: black;
        }

        .pagination-container .pagination .next a {
            color: black;
        }