:root {
      --edu-primary: #1E3A8A;
      --edu-bg: #f3f4f6;
      --edu-card-bg: #ffffff;
      --edu-text: #1f2937;
      --edu-text-light: #6b7280;
    }

    /* Header */
    .edu-header {
      text-align: center;
      margin-bottom: 30px;
      position: relative;
    }

    .edu-header h1 {
      margin: 0;
      color: #000;
    }

    .edu-filter-btn {
      width: 100%;
      padding: 14px 16px;
      background: #ffffff;
      color: #111827;
      border: 1px solid #e5e7eb;
      cursor: pointer;

      display: none;
      /* desktop hidden */
      align-items: center;
      justify-content: space-between;

      font-size: 15px;
      font-weight: 500;
    }

    .edu-filter-btn .left {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .edu-filter-btn svg {
      color: #111827;
    }

    .edu-filter-btn:hover {
      background: #f9fafb;
    }

    /* Filter Section */
    .edu-search-container {
      background: var(--edu-card-bg);
      padding: 30px 20px;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
      max-width: 1200px;
      margin: 0 auto 40px auto;
    }

    .edu-filter-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 15px;
      margin-bottom: 20px;
    }

    /* Input Styling */
    .edu-form-group {
      display: flex;
      flex-direction: column;
    }

    .edu-form-group label {
      font-size: 12px;
      font-weight: 600;
      margin-bottom: 5px;
      color: var(--edu-text-light);
      text-transform: uppercase;
    }

    .edu-search-container select,
    .edu-search-container input {
      height: 45px;
      padding: 0 12px;
      border: 1px solid #e5e7eb;
      border-radius: 8px;
      font-family: inherit;
      font-size: 14px;
      background-color: #fff;
      color: var(--edu-text);
      transition: border-color 0.2s;
      width: 100%;
    }

    .edu-search-container select:focus,
    .edu-search-container input:focus {
      outline: none;
      border-color: var(--edu-primary);
    }

    /* Action Buttons */
    .edu-action-row {
      display: flex;
      justify-content: flex-end;
      gap: 10px;
    }

    .edu-action-row button {
      padding: 12px 30px;
      border: none;
      border-radius: 8px;
      font-weight: 500;
      cursor: pointer;
      font-size: 14px;
      transition: transform 0.1s;
    }

    .edu-action-row button:active {
      transform: scale(0.98);
    }

    #searchBtn {
      background: var(--edu-primary);
      color: white;
    }

    #resetBtn {
      background: #e5e7eb;
      color: var(--edu-text);
    }

    .close-btn {
	  display: none;
      background: none;
      border: none;
      font-size: 28px;
      line-height: 1;
      cursor: pointer;
      color: #111827;
      padding: 8px;
      position: absolute;
      right: 0px;
      top: 0px;
    }

    .close-btn:hover {
      color: #6b7280;
    }


    /* Overlay */
    .edu-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      z-index: 1000;
      display: none;
    }

    .edu-overlay.edu-open {
      display: block;
    }

    /* Results Grid */
    .edu-results-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
      gap: 25px;
      max-width: 1200px;
      margin: 0 auto;
    }

    /* College Card */
    .edu-college-card {
      background: var(--edu-card-bg);
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
      transition: transform 0.2s, box-shadow 0.2s;
      border: 1px solid #f0f0f0;
      display: flex;
      flex-direction: column;
    }

    .edu-college-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
    }

    .edu-card-header {
      position: relative;
    }

    .edu-card-header img {
      width: 100%;
/*       height: 160px; */
	  height: auto;
      object-fit: cover;
    }

    .edu-badges {
      margin-bottom:10px;
      top: 10px;
      left: 10px;
      display: flex;
      gap: 5px;
      flex-wrap: wrap;
    }

    .edu-badge {
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 10px;
      font-weight: 600;
      text-transform: uppercase;
      color: white;
    }

    .edu-badge-type {
      background: rgba(0, 0, 0, 0.7);
    }

    .edu-badge-mode {
      background: #1E3A8A;
    }

    .edu-card-body {
      padding: 20px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .edu-card-body h3 {
      margin: 0 0 5px 0;
      font-size: 18px;
      color: var(--edu-text);
	  line-height: normal;
    }

    .edu-location {
      color: var(--edu-text-light);
      font-size: 13px;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      gap: 5px;
    }

	.edu-details {
      display: flex;
      justify-content: space-between;
	  margin-bottom: 10px;
	  padding-bottom: 10px;
      border-bottom: 1px solid #f3f4f6;
	}

    .edu-details-row {
      display: flex;
	  flex-direction: column;
/*       justify-content: space-between; */     
      font-size: 13px;      
    }

    .edu-label {
      color: var(--edu-text-light);
    }

    .edu-value {
      font-weight: 500;
    }

	.edu-courses-main {
		margin-top: auto;
	}

	.edu-courses-label {
		font-size: 12px;
		font-weight: 700;
		color: #374151;
		display: block;
	}
    .edu-courses-tag {
/*       margin-top: auto;
      margin-bottom: 15px; */
	  padding: 10px 0;
      display: flex;
      gap: 8px;
      overflow-x: auto;
      padding-bottom: 10px;
      scrollbar-width: none;
    }

    .edu-courses-tag span {
      background: #eff6ff;
      color: #1d4ed8;
      padding: 4px 8px;
      border-radius: 4px;
      font-size: 11px;
      margin-right: 5px;
      display: inline-block;
      margin-bottom: 5px;
	  white-space: nowrap;
    }

    .edu-enquiry-btn {
      width: auto;
      padding: 12px;
      background: #1eb155;
      /* WhatsApp Green */
      color: white;
      text-align: center;
      border-radius: 8px;
      text-decoration: none;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      transition: background 0.2s;
    }

    .edu-enquiry-btn:hover {
      background: #189246;
      color:#fff;
    }
    
    /* Utilities */
    .edu-hidden {
      display: none;
    }

    .edu-no-results {
      text-align: center;
      grid-column: 1 / -1;
      color: var(--edu-text-light);
      padding: 40px;
    }

    /* Responsive */
    /* Mobile only */
    @media (max-width: 768px) {
      .edu-filter-btn {
        display: flex;
      }
      .edu-search-container {
        position: fixed;
        left: -100%;
        top: 0;
        width: 80%;
        height: 100%;
        z-index: 1001;
        transition: left 0.3s;
        overflow-y: auto;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      }	
	  .close-btn {
		display: block;
	  }

    .edu-search-container {
      height: 100%;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }

    .edu-search-container.edu-open {
      left: 0;
    }
  }

.edu-courses-tag {
  display: flex;
  gap: 6px;
  flex-wrap: nowrap;
}

.tag {
  background: #f3f3f3;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  white-space: nowrap;
}

.tag.more {
  background: #e0e0e0;
  font-weight: 500;
}