.college-feature li {
     margin-right: 5px;
 }

 #course-description-short p,
 #course-description-full p {
     color: #ffffff !important;
 }

 #course-description-short a,
 #course-description-full a {
     color: var(--secondary-color) !important;
     border-radius: 4px;
     padding: 5px;
 }

 .sticky-search-wrapper {
     top: 85px;
     z-index: 1000;
     /* background-color: rgba(238, 238, 238, 0.95); */
     backdrop-filter: blur(10px);
     padding: 12px 0;
     margin-bottom: 0;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .sticky-search-wrapper.is-sticky {
     background-color: rgba(255, 255, 255, 0.98);
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
     padding: 8px 0;
     position: sticky;
 }

 .search-form-horizontal .row {
     background: #fff;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
     border: none !important;
 }

 .filter-input-group {
     position: relative;
     display: flex;
     align-items: center;
     background: #fff;
     border-right: 1px solid #f0f0f0;
     padding: 2px 10px;
 }

 @media (max-width: 991px) {
     .filter-input-group {
         border-right: none;
         border-bottom: 1px solid #f0f0f0;
     }
 }

 .filter-input-group:last-child {
     border-right: none;
 }

 .filter-input-group i {
     color: var(--main-color-one);
     font-size: 14px;
     margin-right: 8px;
     opacity: 0.7;
 }

 .search-form-horizontal .select2-container--default .select2-selection--single,
 .search-form-horizontal .select2-container--default .select2-selection--multiple {
     height: 42px;
     border: none !important;
     background: transparent !important;
     display: flex;
     align-items: center;
     width: 100%;
 }

 .search-form-horizontal .select2-container--default .select2-selection--multiple .select2-selection__rendered {
     padding: 0;
     display: flex;
     align-items: center;
 }

 .select2-summary-label {
     font-size: 14px;
     color: #333;
     font-weight: 600;
     margin-left: 5px;
 }

 /* Hide tags when summary is active */
 .select2-container--summary-active .select2-selection__choice {
     display: none !important;
 }

 .select2-container--summary-active .select2-search--inline {
     display: inline-block !important;
     width: auto !important;
 }

 .search-form-horizontal button[type="submit"] {
     border: none;
     font-weight: 700;
     letter-spacing: 0.5px;
     transition: all 0.3s ease;
     height: 45px;
     border-radius: 8px;
 }

 .search-form-horizontal button[type="submit"]:hover {
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(39, 22, 248, 0.3);
 }

 .search-form-horizontal .btn-reset {
     background: #f8f9fa;
     color: #666;
     border: 1px solid var(--main-color-one);
     font-weight: 600;
     transition: all 0.3s ease;
     height: 45px;
     border-radius: 8px;
 }

 .search-form-horizontal .btn-reset:hover {
     background: #e9ecef;
     color: #333;
 }

 /* Mobile Filter Bar */
 .mobile-filter-bar {
     position: fixed;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 1050;
     display: flex;
     gap: 10px;
     width: auto;
 }

 .btn-mobile-filter {
     background: var(--main-color-one);
     color: #fff;
     border: none;
     padding: 10px 25px;
     border-radius: 50px;
     font-weight: 700;
     box-shadow: 0 4px 15px rgba(3, 4, 94, 0.3);
     display: flex;
     align-items: center;
     gap: 8px;
     text-transform: uppercase;
     font-size: 14px;
 }

 .btn-mobile-reset {
     background: #fff;
     color: var(--secondary-color);
     border: 2px solid var(--secondary-color);
     padding: 10px 20px;
     border-radius: 50px;
     font-weight: 700;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     display: flex;
     align-items: center;
     gap: 8px;
     font-size: 14px;
     text-decoration: none !important;
 }

 /* Offcanvas Styling */
 .offcanvas-bottom {
     height: 70vh !important;
     border-top-left-radius: 25px;
     border-top-right-radius: 25px;
 }

 .offcanvas-header {
     border-bottom: 1px solid #eee;
     padding: 20px;
 }

 .offcanvas-body {
     padding: 25px;
 }

 .mobile-filter-group {
     margin-bottom: 20px;
 }

 .mobile-filter-group label {
     display: block;
     margin-bottom: 8px;
     font-weight: 700;
     color: #333;
     font-size: 14px;
 }

 .mobile-filter-group .select2-container {
     width: 100% !important;
 }

 .mobile-filter-group .select2-selection {
     height: 45px !important;
     border: 1px solid #ddd !important;
     border-radius: 8px !important;
 }

 /* Campus to Corporate Card Styles */
 .campus-college-card {
     background: #fff;
     border-radius: 15px;
     padding: 25px;
     transition: all 0.3s ease;
     height: 100%;
     border: 1px solid #f0f0f0;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     position: relative;
 }

 .campus-cost-info {
     background: rgba(3, 4, 94, 0.05);
     color: var(--main-color-one);
     padding: 8px 12px;
     font-size: 13px;
     font-weight: 700;
     border-radius: 8px;
     text-align: center;
     margin-bottom: 20px;
     border: 1px dashed var(--main-color-one);
     transition: all 0.3s ease;
 }

 .campus-cost-info.is-discount {
     background: rgba(40, 167, 69, 0.1);
     color: #28a745;
     border-color: #28a745;
 }

 .campus-cost-info i {
     margin-right: 5px;
 }

 .campus-college-card.overlay-style .campus-cost-info {
     background: rgba(255, 255, 255, 0.95);
     color: var(--main-color-one);
     border-style: solid;
     border-color: #fff;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 }

 .campus-college-card.overlay-style .campus-cost-info.is-discount {
     background: #28a745;
     color: #fff;
     border-color: #218838;
 }

 .campus-college-card:hover {
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
     transform: translateY(-5px);
     border-color: var(--main-color-one);
 }

 .campus-logo-wrap {
     height: 80px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
 }

 .campus-logo-wrap img {
     max-height: 100%;
     max-width: 100%;
     object-fit: contain;
 }

 .campus-college-name {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 10px;
     text-align: center;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     height: 2.6em;
     line-height: 1.3;
 }

 .campus-btn-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 10px;
 }

 .campus-btn {
     padding: 8px 5px;
     font-size: 13px;
     font-weight: 600;
     border-radius: 8px;
     text-align: center;
     transition: all 0.2s ease;
     text-decoration: none !important;
     border: 1px solid transparent;
 }

 .btn-details {
     background: #f8f9fa;
     color: #333;
     border-color: #ddd;
 }

 .btn-details:hover {
     background: #e9ecef;
     color: #000;
 }

 .btn-apply {
     background: var(--main-color-one);
     color: #fff;
 }

 .btn-apply:hover {
     background: #1a0dbb;
     color: #fff;
 }

 .btn-brochure {
     background: #fff;
     color: var(--main-color-one);
     border-color: var(--main-color-one);
 }

 .btn-brochure:hover {
     background: var(--main-color-one);
     color: #fff;
 }

 .btn-counselling {
     background: var(--secondary-color);
     color: #000;
 }

 .btn-counselling:hover {
     background: #eeb825;
     color: #000;
 }

 /* Overlay Style for Campus Cards */
 .campus-college-card.overlay-style {
     background-size: cover;
     background-position: center;
     position: relative;
     padding: 30px 25px;
     color: #fff;
     border: none;
     overflow: hidden;
     min-height: 400px;
 }

 .campus-college-card.overlay-style::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%);
     z-index: 1;
 }

 .campus-college-card.overlay-style>* {
     position: relative;
     z-index: 2;
 }

 .campus-college-card.overlay-style .campus-logo-wrap {
     background: rgba(255, 255, 255, 0.9);
     padding: 10px;
     border-radius: 10px;
     width: fit-content;
     margin: 0 auto 20px;
     height: 70px;
 }

 .campus-college-card.overlay-style .campus-college-name {
     color: #fff;
     margin-bottom: 10px;
     font-size: 20px;
 }

 .campus-college-card.overlay-style .btn-details {
     background: rgba(255, 255, 255, 0.15);
     color: #fff;
     border-color: rgba(255, 255, 255, 0.3);
     backdrop-filter: blur(8px);
 }

 .campus-college-card.overlay-style .btn-details:hover {
     background: rgba(255, 255, 255, 0.25);
     border-color: #fff;
 }

 .campus-college-card.overlay-style .btn-brochure {
     background: transparent;
     color: #fff;
     border-color: #fff;
 }

 .campus-college-card.overlay-style .btn-brochure:hover {
     background: #fff;
     color: var(--main-color-one);
 }

 /* Overlay Text Visibility Fixes */
 .campus-college-card.overlay-style .text-primary {
     color: #fff !important;
 }

 .campus-college-card.overlay-style .text-secondary {
     color: rgba(255, 255, 255, 0.8) !important;
 }

 .campus-college-card.overlay-style .badge.bg-light {
     background-color: rgba(255, 255, 255, 0.15) !important;
     color: #fff !important;
     border-color: rgba(255, 255, 255, 0.3) !important;
     backdrop-filter: blur(5px);
 }

 .campus-college-card.overlay-style .video-thumbnail p {
     color: #fff !important;
 }

 .campus-college-card.overlay-style .fa-map-marker-alt,
 .campus-college-card.overlay-style .fa-certificate,
 .campus-college-card.overlay-style .fa-book {
     color: #fff !important;
 }

 /* Program Highlights */
 .program-badge {
     background: linear-gradient(135deg, var(--main-color-one) 0%, #023e8a 100%);
     color: #fff !important;
     padding: 10px 18px !important;
     border-radius: 50px !important;
     font-weight: 500;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     box-shadow: 0 4px 12px rgba(3, 4, 94, 0.2);
     border: none !important;
     font-size: 14px !important;
     transition: all 0.3s ease;
 }

 .program-badge:hover {
     transform: translateY(-2px);
     box-shadow: 0 6px 15px rgba(3, 4, 94, 0.3);
 }

 .program-badge i {
     color: var(--secondary-color);
     font-size: 16px;
 }

 .program-badge strong {
     font-weight: 700;
     color: #fff;
 }

 /* Overlay adjustment for program badge */
 .campus-college-card.overlay-style .program-badge {
     background: rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(8px);
     border: 1px solid rgba(255, 255, 255, 0.3) !important;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 }

 .campus-college-card.overlay-style .program-badge i {
     color: #fff;
 }

 /* Mini Video Card and Info Layout */
 .program-badge-mini {
     background: linear-gradient(135deg, var(--main-color-one) 0%, #023e8a 100%);
     color: #fff !important;
     padding: 4px 12px;
     border-radius: 4px;
     font-weight: 700;
     display: inline-flex;
     align-items: center;
     font-size: 11px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     box-shadow: 0 4px 10px rgba(3, 4, 94, 0.15);
 }

 .video-card-mini {
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     cursor: pointer;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
     transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
     border: 2px solid rgba(255, 255, 255, 0.8);
 }

 .video-card-mini:hover {
     transform: scale(1.03) translateY(-3px);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
 }

 .video-card-mini img {
     width: 100%;
     height: 100px;
     object-fit: cover;
     display: block;
 }

 .play-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     transition: background 0.3s ease;
 }

 .video-card-mini:hover .play-overlay {
     background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(255, 0, 0, 0.1) 100%);
 }

 .play-icon {
     width: 32px;
     height: 32px;
     background: #ff0000;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 12px rgba(255, 0, 0, 0.5);
     margin-bottom: 4px;
     transition: all 0.3s ease;
 }

 .video-card-mini:hover .play-icon {
     transform: scale(1.1);
     background: #e60000;
 }

 .play-icon i {
     color: #fff;
     font-size: 12px;
     margin-left: 2px;
 }

 .play-overlay span {
     color: #fff;
     font-size: 9px;
     font-weight: 800;
     text-transform: uppercase;
     letter-spacing: 1px;
     text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
 }

 .btn-warning {
     color: #000;
     background-color: var(--secondary-color);
     border-color: var(--secondary-color);
 }

 .btn-primary {
     color: #fff;
     background-color: var(--main-color-one);
     border-color: var(--main-color-one);
 }

 .bg-primary {
     background-color: var(--main-color-one) !important;
 }

 .text-black {
     color: #000 !important;
 }

 .text-warning {
     color: var(--secondary-color) !important;
 }

 /* Decorative Breadcrumb Separator and Gradient Style */
 .breadcrumb-wrap.style-01 {
     position: relative;
     border-top: 1px solid rgba(253, 199, 53, 0.25);
     background-color: var(--main-color-one) !important;
     background-image:
         radial-gradient(rgba(253, 199, 53, 0.08) 1.5px, transparent 1.5px),
         linear-gradient(135deg, var(--main-color-one) 35%, var(--secondary-color) 100%) !important;
     background-size: 20px 20px, 100% 100% !important;
     background-position: center top, center center !important;
     box-shadow: inset 0 15px 20px -15px rgba(0, 0, 0, 0.6);
 }