.student-project-img{
    height: 278px !important;
    width: 100% !important;
}

.course-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.short-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.icon-box:hover .icon i,
.icon-box:hover .title a {
    color: black !important;
}

.edit-icon {
        /*position: absolute;*/
        /*top: 10px;*/
        /*right: 10px;*/
        /*color: white;*/
        /*background-color: rgba(0, 0, 0, 0.5);*/
        /*border-radius: 50%;*/
        /*padding: 5px;*/
        /*text-decoration: none;*/
        /*font-size: 1.5rem;*/
        
        position: absolute;
        top: 116px;
        right: 101px;
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 50%;
        padding: 5px;
        text-decoration: none;
        font-size: 1rem;
    }
.edit-icon:hover {
    color: #fff; /* Change color on hover */
    background-color: rgba(0, 0, 0, 0.7); /* Darker background on hover */
}

.custom-radio {
        display: none; /* Hide the default radio button */
    }
.custom-radio + label {
    position: relative;
    padding-left: 30px; /* Space for the custom radio */
    cursor: pointer;
    font-weight: bold; /* Make label text bold */
}
.custom-radio + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px; /* Size of the custom radio */
    height: 20px;
    border: 2px solid black; /* Black border */
    border-radius: 50%; /* Circular shape */
    background-color: transparent; /* Background color */
}
.custom-radio:checked + label:before {
    background-color: black; /* Highlight when checked */
}