.top-section{
    position: fixed;top: 0;right: 0;left: 0;z-index: 1002;background-color: var(--bs-header-bg);-webkit-box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);
    box-shadow: 0 0.75rem 1.5rem rgba(18, 38, 63, 0.03);font-size: 24px;text-align:center;padding: 10px;font-weight: 700;
}
.div-table{display: table;font-size: 16px;width: 100%;}
.div-table-row{display: table-row;}
.div-table-col{display: table-cell;text-align: center;padding: 10px;}
.hymn-list-section, .hymn-category-section{width: 25%;}
.hymn-list-section{text-align: left;}
.hymn-body-section{width: 50% !important;}
.search-container {position: relative;width: 100%;}
.search-input {width: 100%;padding: 10px 15px;border: 1px solid #ccc;border-radius: 25px; outline: none;font-size: 16px;transition: box-shadow 0.3s ease-in-out;}
.search-input:focus {box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);border-color: #007bff;}
.title-action-bar{font-size: 24px;font-weight: 800;}
.content-body-hymn-item{text-align: left;font-size: 20px;padding: 20px;}
.content-number-item{width: 15%;text-align: left;}
.content-hymntitle-item{width: 85%;text-align: left;}
.hymn-list-body-section{font-size: 14px;}
.div-table-col-hymn-list{padding: 1px !important;}
.next-button-wrap{text-align: center;}
.button-link {display: inline-block;padding: 10px 20px; font-size: 16px;color: #fff; background-color: #007BFF; border-radius: 25px;text-decoration: none; transition: background-color 0.3s ease; margin: 0px auto;}
.button-link:hover {background-color: #0056b3; /* Darker shade on hover */}

.button-container {display: flex;gap: 10px;}
.nav-button {display: flex;align-items: center;justify-content: center;padding: 10px 20px;font-size: 16px;color: #fff;background-color: #007bff;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;
}
.nav-button:hover {background-color: #0056b3;}
.nav-button i {font-size: 20px;}
.prev-button i {margin-right: 8px;}
.next-button i {margin-left: 8px;}
.next-button-wrap{padding-top: 20px;}
.hymn-category-section{text-align: left;}
.hymn-category-section-header{font-size: 20px;font-weight: 700;}
.hymn-category-section-body{font-size: 14px;text-align: left;}
.hymn-category-section-body-title{text-align: left;width: 95%;}
.hymn-category-section-body-icon{text-align: right;width: 5%;}
.hymn-category-section-body a{display: block;font-size: 12px;padding: 0px;}
.hymn-category-section-body .div-table-col{padding: 2px;}
.hymn-category-section-body .div-table{font-size: 14px;}