#registration {
    background-color: #fff;
    min-height: 500px;
    margin: auto;
   /* margin-top: -10vh;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.section .details p {
    font-size: 25px;
    margin: 20px 0;
    text-align: justify;
}

.details {
    padding: 30px;
}

.details h1 {
    color: #2E4057;
}

.details h3 {
    color: #2E4057;
    font-size: 1.5em;
}
.details div {
    padding: 10px 40px;
    font-size: 18px;
}


.details ul li {
    font-size: 21px;
    padding: 0 8px;
    text-align: justify;
}

.details p {
    font-size: 18px;
    margin: 10px 0;
}


#journals{
    font-weight: bold;
    color: blue;
    list-style:  disc;;
    margin-left: 5%;
}

.link{
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
    color: blue;
}

@media (max-width: 900px) {

    .section {
        width: 90%;
        margin-top: -40px;
        padding: 10px 15px;

    }

    .details {
        padding: 15px;
    }

    .details div {
        padding: 20px;
    }

}

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-family: Arial, sans-serif;
            box-shadow: 0 2px 3px rgba(0,0,0,0.1);
        }
        
        th, td {
            border: 1px solid #ddd;
            padding: 12px;
            text-align: center;
            vertical-align: middle;
        }
        
        th {
            background-color: #5B2C6F;
            color: white;
            font-weight: bold;
        }
        
        tr:nth-child(even) {
            background-color: #f9f9f9;
        }
        
        tr:hover {
            background-color: #f1f1f1;
        }
        
        .category-col {
            font-weight: bold;
            background-color: #f0e6f5;
            text-align: left;
        }
        
        .empty-cell {
            background-color: #eee;
        }
        
        .table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
        @media (max-width: 768px) {
            table {
                font-size: 14px;
            }
            th, td {
                padding: 8px;
            }
    .table-wrapper {
        display: block;
    }
        }