.new-sticky-sidebar {
   position: sticky;
   top: 80px;
 }

 @media (max-width: 991.98px) {
   .new-sticky-sidebar {
     position: static;
     top: auto;
   }
 }

 .new-course-box {
   border: 1px solid #eee;
   border-radius: 12px;
   overflow: hidden;
   background: #fff;
   transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
 }

 .new-course-box:hover {
   transform: scale(1.02);
   box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
 }

 .new-course-box h5 {
   font-size: 1.1rem;
   font-weight: 600;
   margin-top: 10px;
   min-height: 50px;
 }

 .new-course-box p {
   font-size: 0.95rem;
   color: #555;
   min-height: 50px;
 }

 .new-course-box .btn {
   border-radius: 6px;
   padding: 8px 16px;
   font-weight: 500;
 }

 .new-badge-lg {
   font-size: 0.9rem;
   padding: 0.6em 0.9em;
   border-radius: 0.4rem;
 }

 .new-footer {
   background-color: #f8f9fa;
   padding: 60px 0;
 }

 .new-course-categories .new-list-group-item {
   border: none;
   padding: 12px 16px;
   cursor: pointer;
   transition: background-color 0.2s ease;
 }

 .new-course-categories .new-list-group-item:hover {
   background-color: #f8f9fa;
 }

 .new-course-categories .new-list-group-item.new-active {
   background-color: #e9f4e0;
   color: #6aa84f;
   font-weight: 600;
   border-left: 4px solid #6aa84f;
 }

 .new-course-categories .new-list-group-item.new-active:hover {
   background-color: #e9f4e0;
 }

 .new-course-categories .new-list-group-item:hover:last-child {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 .new-course-categories .new-list-group-item.new-active:last-child {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 .new-course-categories .new-list-group-item.new-active:hover:last-child {
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
 }

 @media (min-width: 992px) {
   .new-offline-img {
     margin-bottom: -50px;
   }
 }

 @media (max-width: 991.98px) {
   .new-course-categories-container {
     margin-top: 50px !important;
   }
 }

 .new-custom-pagination .new-page-item {
   margin: 0 5px;
 }

 .new-custom-pagination .new-page-link {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 1px solid #ddd;
   color: #333;
   background-color: #fff;
   transition: all 0.3s ease;
   font-weight: 500;
   text-decoration: none;
 }

 .new-custom-pagination .new-page-item.new-active .new-page-link {
   background-color: var(--primary-color);
   color: #fff;
   border-color: var(--primary-color);
 }

 .new-custom-pagination .new-page-link:hover {
   background-color: #f1f1f1;
   border-color: #ccc;
 }

 .new-custom-pagination .new-page-item:first-child .new-page-link,
 .new-custom-pagination .new-page-item:last-child .new-page-link {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   font-weight: bold;
   font-size: 1.2rem;
 }

 .new-course-categories {
   list-style: none;
   /* removes bullet points */
   padding-left: 0;
   /* removes default left spacing */
   margin: 0;
   /* optional: removes default margin */
 }

 .new-course-categories .new-list-group-item {
   text-align: start !important;
   /* aligns text to left */
 }

 .new-section-offline .col-lg-6 {
   text-align: start;
   /* Aligns all text inside this column to the left */
 }

 @media (max-width: 767.98px) {
   .new-course-categories-container {
     margin-top: 0px !important;
   }

   .new-section-offline {
     position: static !important;
   }

   .new-offline-img {
     width: 100% !important;
     margin-bottom: 0 !important;
   }
 }

 @media (min-width: 768px) and (max-width: 991.98px) {
   .new-course-categories-container {
     margin-top: 0px !important;
   }
 }

 .new-section-offline {
   background-image: url('https://tallyeducation.com/tepl/wp-content/themes/TEPL/assets/images/background-blue-pattern.jpg');
   background-size: cover;
   background-position: center;
 }


 .btn-custom-view {
   display: inline-block;
   width: 100%;
   /* same as w-100 */
   padding: 12px 20px;
   font-size: 18px;
   font-weight: 600;
   color: var(--third-color);
   background-color: var(--secondary-color);
   /* Bootstrap success green */
   border: none;
   border-radius: 8px;
   text-align: center;
   text-decoration: none;
   transition: all 0.3s ease-in-out;
   cursor: pointer;
 }

 /* Hover Effect */
 .btn-custom-view:hover {
   background-color: var(--primary-color);
   color: white;
   /* darker green */
   transform: translateY(-2px);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
 }

 /* ----------- */


 .breadcrumb-chevron .breadcrumb-item+.breadcrumb-item::before {
   content: "\f285";
   font-family: "bootstrap-icons";
   color: #0d6efd;
   font-size: 0.7rem !important;
   letter-spacing: 0.05rem !important;
   font-weight: 500;
 }

 .breadcrumb .breadcrumb-item {
   font-size: 0.7rem !important;
   letter-spacing: 0.05rem !important;
   font-weight: 500;
 }

 .breadcrumb .breadcrumb-item a {
   text-decoration: none;
   color: var(--fifth-color);
   font-size: 0.7rem !important;
   letter-spacing: 0.05rem !important;
   font-weight: 500;
 }

 .breadcrumb .breadcrumb-item a:hover {
   text-decoration: underline;
   color: var(--primary-color);
 }

 .large-screen-view .breadcrumb-chevron .breadcrumb-item+.breadcrumb-item::before {
   /* margin-top: 5px; */
 }

 .large-screen-view .breadcrumb .breadcrumb-item {
   font-size: 1rem !important;
 }

 .bc {
   --bs-breadcrumb-margin-bottom: 0rem !important;
 }

 .breadcrumb.bc {
   display: flex;
   align-items: center;
   margin-bottom: 0;
 }


 /* -------------------------------- */

 .accordion-button {
   font-weight: 400;
   font-size: 16px;
   border-radius: 0.25rem;
   transition: background-color 0.3s, color 0.3s;
   min-height: 55px;
   padding: 1rem 1.25rem;
   border: none !important;
   border-bottom: 1px solid #dee2e6 !important;
   box-shadow: none !important;
 }

 /* Remove border between module header and body */
 .accordion-button.header-level-3 {
   border-bottom: none !important;
 }

 .accordion-body.module-description {
   min-height: 50px;
   padding: 1rem;
   border: none !important;
   border-top: none !important;
 }

 .accordion-item {
   border: none !important;
   border-bottom: 1px solid #dee2e6 !important;
 }

 .accordion-button.header-level-2:not(.collapsed) {
   background-color: #90b732 !important;
   color: white !important;
 }

 .accordion-button.header-level-2.collapsed {
   background-color: #ecf3d7;
   color: black;
 }

 .accordion-button.header-level-3:not(.collapsed) {
   background-color: white !important;
   color: black !important;
 }

 .accordion-button.header-level-3.collapsed {
   color: black !important;
 }

 .header-level-1,
 .header-level-2,
 .header-level-3 {
   padding: 0.5rem 1rem;
 }

 .module-description {
   font-size: 0.875rem;
   color: #6c757d;
   padding-left: 1.5rem;
 }

 .accordion-body {
   text-align: start !important;
   font-size: 15px;
 }

 .accordion-button.custom-font {
   font-weight: 500;
   ba
 }

 /* ------------ */
 .course-description p {
   font-size: 16px;
   font-weight: 500;
   color: gray;
 }

 .course-description ul {
   font-size: 16px;
   line-height: 1.8;
   color: gray;
 }

 @media (min-width: 768px) and (max-width: 991.98px) {
   .custom-col-faq {
     width: 100% !important;
   }
 }

 .new-course-image {
   width: 100%;
   height: 250px;
   object-fit: cover;
   border-radius: 10px;
 }