.search-section {
            background: white;
            padding: 20px;
            border-radius: 10px;
            margin-bottom: 20px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            font-size: 16px;
        }

        .search-form {
            display: flex;
            gap: 10px;
            align-items: center;
            font-size: 16px;
            overflow: auto;
        }

        .search-form select,
        .search-form input[type="text"] {
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 5px;
            flex: 1;
            font-size: 16px;
        }

        .btn {
            padding: 5px 8px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn2 {
            padding: 12px 25px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s ease;

        }

        .btn-primary {
            background-color: #6366f1;
            color: white;
        }

        .btn-primary:hover {
            background-color: #4f46e5;
        }

        .table-container {
            background: white;
            padding: 10px;
            border-radius: 10px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            overflow: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }
        
        thead {
            text-align:center;
        }

        th,
        td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        th {
            background-color: #f8fafc;
            color: #4b5563;
        }

        tr:hover {
            background-color: #f8fafc;
        }

        td:hover {
            background-color: #e7daf2;
        }

        .action-buttons {
            display: flex;
            gap: 5px;
        }

        .btn-edit {
            background-color: #10b981;
            color: white;
        }

        .btn-delete {
            background-color: #ef4444;
            color: white;
        }

        .btn-edit:hover,
        .btn-delete:hover {
            opacity: 0.9;
        }

        .btn-view {
            background-color: #038cfc;
            color: white;
        }

        .btn-edit:hover,
        .btn-delete:hover {
            opacity: 0.9;
        }

        .sort-header {
            cursor: pointer;
            position: relative;
            padding-right: 20px;
        }

        .sort-header:hover {
            background-color: #f0f2f5;
        }

        .sort-icon {
            position: absolute;
            right: 5px;
            top: 50%;
            transform: translateY(-50%);
            opacity: 0.5;
        }

        .sort-header:hover .sort-icon {
            opacity: 1;
        }

        .active-sort {
            background-color: #f0f2f5;
        }

        .active-sort .sort-icon {
            opacity: 1;
            color: #6366f1;
        }
.footer {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  font-size: 14px;
}       


.news1 { 
position: relative; 
  border:1px solid #777;  
background: linear-gradient(110deg, #fdcd3b 60%, #ffed4b 60%);
  font-family:'Oswald',serif;
} 

.news1, .news1 .headertext { 
background-color: #fff; 
color: #626060; 
font-weight: bold; 
} 

.news1 .headertext { 
position: absolute; 
top: 0; 
left: 10; 
z-index: 10; 
padding: 2px 2px;
border-right:1px solid #777;  
background:#C8102E;
    text-shadow: 1px 1px #111;
} 

.news1 marquee { 
line-height: 1.2; 
} 

.news1 marquee p { 
margin: 0; 

} 

-webkit-scrollbar,
-webkit-scrollbar-track {
  display: block !important;
}