body {
     margin: 0;
     font-family: sans-serif, 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     background-color: #f4f4f4;
     color: #000;
 }
 /* Header */
 
 .header {
     /* background-color: #2e899f; */
     background-color: #901f1f;
     color: #fff;
     padding: 25px 10px;
     display: flex;
     justify-content: center;
 }
 
 .header-container {
     display: flex;
     align-items: center;
     gap: 15px;
     flex-wrap: wrap;
     text-align: center;
 }
 
 .header-logo img {
     height: 80px;
     width: auto;
     border-radius: 38px;
     /* Slightly rounded corners */
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     /* Subtle shadow */
     image-resolution: from-image;
     /* Ensure high-res images look sharp */
     transition: transform 0.3s ease;
     /* Smooth hover effect */
 }
 
 .header-text h1 {
     margin: 0;
     font-size: 2.5em;
 }
 
 .header-text p {
     margin: 5px 0 0;
     font-size: 1.1em;
 }
 /* Navbar */
 
 .navbar {
     background-color: #000000;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 10px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
     position: relative;
     z-index: 1000;
 }
 
 .menu-wrapper {
     position: relative;
 }
 
 .nav-links {
     display: flex;
 }
 
 .navbar a {
     padding: 14px 15px;
     color: white;
     text-decoration: none;
 }
 
 .navbar a:hover {
     background-color: #1fbdec;
 }
 /* Hamburger */
 
 .hamburger {
     display: none;
     background: none;
     border: 0;
     font-size: 26px;
     color: white;
     cursor: pointer;
 }
 /* Search styling */
 
 .search-container {
     position: relative;
 }
 
 #searchInput {
     padding: 6px 10px;
     border: none;
     border-radius: 4px;
     outline: none;
 }
 
 #suggestions {
     position: absolute;
     top: 35px;
     left: 0;
     background: white;
     border: 1px solid #ccc;
     width: 200px;
     max-height: 200px;
     overflow-y: auto;
     display: none;
     z-index: 10;
 }
 
 #suggestions div {
     padding: 8px;
     cursor: pointer;
 }
 
 #suggestions div:hover {
     background: #f1f1f1;
 }
 /* Mobile Nav */
 
 @media (max-width: 768px) {
     .hamburger {
         display: block;
     }
     .nav-links {
         display: none;
         position: absolute;
         top: 100%;
         left: 0;
         background: #333;
         width: 130px;
         flex-direction: column;
         padding: 8px 0;
         border-radius: 8px;
         box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
     }
     .nav-links a {
         display: block;
         padding: 10px 14px;
         text-align: left;
     }
     /* show on hover/focus */
     .menu-wrapper:hover .nav-links,
     .menu-wrapper:focus-within .nav-links {
         display: flex;
     }
 }
 /* navbar code end */
 
 .container {
     max-width: 900px;
     margin: auto;
     padding: 20px;
 }
 
 .highlight {
     color: #d63384;
     text-align: center;
 }
 
 .short-desc {
     font-size: 18px;
     line-height: 1.6;
     font-family: cursive, Cochin, Georgia, Times, 'Times New Roman', serif;
 }
 
 .exam-box {
     border: 1px solid #000;
     padding: 15px;
     margin: 20px 0;
     text-align: center;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 
 .exam-box h3 {
     color: red;
     margin: 0;
 }
 
 .exam-box .green {
     color: green;
 }
 
 .section {
     margin: 20px 0;
     border: 1px solid #ccc;
     padding: 15px;
     background-color: #f9f9f9;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
 }
 
 .section h3 {
     background-color: #8256b8e0;
     color: white;
     padding: 10px;
     margin: -15px -15px 10px -15px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 }
 
 ul {
     padding-left: 20px;
 }
 
 .social {
     display: flex;
     justify-content: space-between;
     margin: 20px 0;
     text-align: center;
 }
 
 .social div {
     flex: 1;
     padding: 10px;
     border: 1px solid #ccc;
 }
 
 button {
     margin-top: 5px;
     background-color: green;
     color: white;
     border: none;
     padding: 5px 15px;
     cursor: pointer;
 }
 
 .links-table {
     width: 100%;
     border-collapse: collapse;
     background-color: #ffe6b3;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .links-table tr {
     text-align: center;
 }
 
 .links-table td {
     border: 1px solid #ccc;
     padding: 10px;
     vertical-align: top;
     font-size: 25px;
     /* text-align: center; */
 }
 
 .links-table a {
     color: blue;
     font-weight: bold;
     text-decoration: none;
     font-size: 25px;
 }
 
 .red {
     color: red;
     font-weight: bold;
 }
 
 .green {
     color: green;
     font-weight: bold;
 }
 
 .section-table {
     margin: 30px 0;
     padding: 10px;
     background-color: #fff;
     border: 1px solid #ccc;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .table-title {
     background-color: #5bc0de;
     color: #ffffff;
     font-weight: bold;
     padding: 10px;
     margin: -10px -10px 10px -10px;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 /* book selling div */
 
 .section-table-sell {
     margin: 30px 0;
     padding: 10px;
     background-color: #fff;
     border: 1px solid #ccc;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .table-title-sell {
     background-color: #a50404e3;
     color: #ffffff;
     font-weight: bold;
     padding: 10px;
     margin: -10px -10px 10px -10px;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .table-info-sell {
     width: 100%;
     border-collapse: collapse;
     background-color: #ffffff;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .table-info-sell tr {
     text-align: center;
 }
 
 .table-info-sell th,
 .table-info-sell td {
     border: 1px solid #aac0f0;
     padding: 10px;
     vertical-align: top;
     font-size: 25px;
 }
 
 .table-info-sell a {
     text-decoration: none;
     color: #24be76;
     font-weight: bold;
 }
 /* book selling div end */
 
 .red-center {
     color: red;
     font-weight: bold;
     text-align: center;
 }
 
 .info-table {
     width: 100%;
     border-collapse: collapse;
     font-size: 15px;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .info-table th,
 .info-table td {
     border: 1px solid #ffffff;
     padding: 10px;
     vertical-align: top;
     text-align: left;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
     font-size: 25px;
 }
 
 .info-table th {
     background-color: #f1f1f1;
     box-shadow: 0 0 5px rgba(46, 122, 230, 0.5);
 }
 
 .info-table ul {
     margin: 0;
     padding-left: 20px;
 }
 /* link for hilight new */
 
 .link-hilight {
     background-color: #00ffe0;
     /* Sets the background color to yellow */
     font-weight: bold;
     /* Makes the text bold */
 }
 
 .footer {
     background-color: #b30000;
     color: white;
     text-align: center;
     padding: 15px;
     position: relative;
     bottom: 0;
     width: 100%;
     margin-top: 40px;
 }
 /* Footer */
 
 .footer-top {
     background-color: #1a75bb;
     color: white;
     padding: 30px 20px;
 }
 
 .footer-container {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     max-width: 1100px;
     margin: auto;
 }
 
 .footer-section {
     flex: 1 1 250px;
     margin: 10px;
 }
 
 .footer-section h3 {
     font-size: 1.2em;
     margin-bottom: 10px;
 }
 
 .footer-section ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .footer-section ul li {
     margin-bottom: 8px;
 }
 
 .footer-section ul li a {
     color: white;
     text-decoration: none;
 }
 
 .footer-section ul li a:hover {
     text-decoration: underline;
 }
 
 .footer-bottom {
     background-color: #222;
     color: white;
     text-align: center;
     padding: 15px 10px;
     font-size: 0.85em;
 }